:root{
  --xui-font-family:"Rubik",system-ui,-apple-system,"Segoe UI",sans-serif;

  --xui-color-text:#111827;
  --xui-color-heading:#071225;
  --xui-color-muted:#64748b;
  --xui-color-primary:#26b24a;
  --xui-color-primary-hover:#1f9f40;
  --xui-color-primary-active:#188436;
  --xui-color-primary-soft:#eef9f2;
  --xui-color-border:#dbe4ee;
  --xui-color-border-strong:#cbd5e1;
  --xui-color-surface:#fff;
  --xui-color-soft:#f7f8fa;

  --xui-glass-primary-bg:rgba(38,178,74,.76);
  --xui-glass-primary-hover:rgba(31,159,64,.90);
  --xui-glass-primary-border:rgba(24,132,54,.46);
  --xui-glass-secondary-bg:rgba(100,116,139,.08);
  --xui-glass-secondary-hover:rgba(100,116,139,.15);
  --xui-glass-secondary-border:rgba(100,116,139,.20);
  --xui-glass-secondary-hover-border:rgba(71,85,105,.30);
  --xui-glass-blur:12px;

  --xui-radius-sm:9px;
  --xui-radius-control:12px;
  --xui-radius-card:18px;
  --xui-radius-surface:18px;
  --xui-radius-prominent:24px;

  --xui-shadow-control:0 1px 2px rgba(15,23,42,.04);
  --xui-shadow-card:0 12px 32px rgba(15,23,42,.06);
  --xui-shadow-surface:0 10px 28px rgba(15,23,42,.045);
  --xui-shadow-prominent:0 16px 40px rgba(15,23,42,.065);
  --xui-focus-color:rgba(38,178,74,.78);

  --xui-space-1:4px;
  --xui-space-2:8px;
  --xui-space-3:12px;
  --xui-space-4:16px;
  --xui-space-5:24px;
  --xui-space-6:32px;

  --xui-container-max:1600px;
  --xui-page-gutter:24px;
  --xui-page-gutter-tablet:16px;
  --xui-page-gutter-mobile:27px;
  --xui-page-top:28px;
  --xui-page-top-mobile:20px;
  --xui-breadcrumb-to-title:12px;
  --xui-breadcrumb-line-height:20px;
  --xui-header-to-content:20px;
  --xui-section-gap:32px;
  --xui-section-gap-mobile:24px;
  --xui-card-padding:24px;
  --xui-card-padding-mobile:16px;

  --xui-font-page-title:clamp(27px,2vw,34px);
  --xui-font-section-title:clamp(22px,1.5vw,24px);
  --xui-font-card-title:18px;
  --xui-font-body:15px;
  --xui-font-meta:13px;

  --xui-control-height:44px;
  --xui-transition:160ms ease;
}