:root{
  --font-sans:"Golos Text", "Segoe UI", Arial, sans-serif;
  --text-display-size:44px;
  --text-display-line:1.1;
  --text-display-weight:600;
  --text-display-tracking:-0.5px;
  --text-h1-size:32px;
  --text-h1-line:1.15;
  --text-h1-weight:600;
  --text-h1-tracking:-0.3px;
  --text-h2-size:24px;
  --text-h2-line:1.2;
  --text-h2-weight:600;
  --text-h3-size:20px;
  --text-h3-line:1.25;
  --text-h3-weight:600;
  --text-h4-size:17px;
  --text-h4-line:1.35;
  --text-h4-weight:600;
  --text-lead-size:20px;
  --text-lead-line:1.45;
  --text-lead-weight:400;
  --text-body-size:17px;
  --text-body-line:1.5;
  --text-body-weight:400;
  --text-ui-size:15px;
  --text-ui-line:1.45;
  --text-ui-weight:400;
  --text-ui-strong-size:15px;
  --text-ui-strong-line:1.45;
  --text-ui-strong-weight:500;
  --text-caption-size:13px;
  --text-caption-line:1.4;
  --text-caption-weight:400;
  --text-number-size:15px;
  --text-number-line:1.45;
  --text-number-weight:500;
  --text-number-numeric:tabular-nums;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --space-12:48px;
  --space-16:64px;
  --radius-field:8px;
  --radius-card:12px;
  --radius-hero:20px;
  --radius-pill:999px;
  --control-roomy:48px;
  --control-dense:36px;
  --row-roomy:56px;
  --row-dense:40px;
  --sidebar:240px;
  --content-site:1180px;
  --content-app:1120px;
  --measure:720px;
  --tap:44px;
  --breakpoint-480:480px;
  --breakpoint-768:768px;
  --breakpoint-1024:1024px;
  --breakpoint-1280:1280px;
  --duration-fast:120ms;
  --duration-base:200ms;
  --control:var(--control-roomy);
  --row:var(--row-roomy);
  --card-pad:var(--space-6);
}
:root,[data-theme=light]{
  color-scheme:light;
  --color-canvas:#f5f7fb;
  --color-paper:#ffffff;
  --color-line:#e0e6ef;
  --color-navy:#0d192a;
  --color-ink-on-navy:#ffffff;
  --color-muted-on-navy:#b6cce8;
  --color-ink:#11243c;
  --color-text:#25364a;
  --color-muted:#626f85;
  --color-accent:#61a1ff;
  --color-accent-hover:#85b7ff;
  --color-ink-on-accent:#0b1425;
  --color-link:#0867ce;
  --color-selected:#eaf1ff;
  --color-focus:#165eca;
  --color-success:#086b36;
  --color-success-bg:#e4f8ed;
  --color-warning:#805013;
  --color-warning-bg:#fff4df;
  --color-danger:#b32932;
  --color-danger-bg:#fff0f0;
  --shadow-pop:0 8px 24px rgba(13,25,42,0.12);
}
[data-theme=dark]{
  color-scheme:dark;
  --color-canvas:#0d192a;
  --color-paper:#13213a;
  --color-line:#26354f;
  --color-navy:#0d192a;
  --color-ink-on-navy:#ffffff;
  --color-muted-on-navy:#b6cce8;
  --color-ink:#ffffff;
  --color-text:#d8e2f0;
  --color-muted:#8fa2bd;
  --color-accent:#7fb3ff;
  --color-accent-hover:#9cc4ff;
  --color-ink-on-accent:#0b1425;
  --color-link:#9cc4ff;
  --color-selected:#1b2d4a;
  --color-focus:#9cc4ff;
  --color-success:#7fe0a8;
  --color-success-bg:#123a27;
  --color-warning:#ffd48a;
  --color-warning-bg:#3d2d10;
  --color-danger:#ff9aa2;
  --color-danger-bg:#3f1a1f;
  --shadow-pop:0 8px 24px rgba(0,0,0,0.5);
}
@media (prefers-color-scheme:dark){
[data-theme=system]{
  color-scheme:dark;
  --color-canvas:#0d192a;
  --color-paper:#13213a;
  --color-line:#26354f;
  --color-navy:#0d192a;
  --color-ink-on-navy:#ffffff;
  --color-muted-on-navy:#b6cce8;
  --color-ink:#ffffff;
  --color-text:#d8e2f0;
  --color-muted:#8fa2bd;
  --color-accent:#7fb3ff;
  --color-accent-hover:#9cc4ff;
  --color-ink-on-accent:#0b1425;
  --color-link:#9cc4ff;
  --color-selected:#1b2d4a;
  --color-focus:#9cc4ff;
  --color-success:#7fe0a8;
  --color-success-bg:#123a27;
  --color-warning:#ffd48a;
  --color-warning-bg:#3d2d10;
  --color-danger:#ff9aa2;
  --color-danger-bg:#3f1a1f;
  --shadow-pop:0 8px 24px rgba(0,0,0,0.5);
}
}
[data-density=dense]{
  --control:var(--control-dense);
  --row:var(--row-dense);
  --card-pad:var(--space-4);
}
[data-text=small]{
  --text-lead-size:17px;
  --text-body-size:15px;
  --text-ui-size:13px;
  --text-ui-strong-size:13px;
  --text-caption-size:13px;
  --text-number-size:13px;
}
[data-text=large]{
  --text-display-size:44px;
  --text-h1-size:44px;
  --text-h2-size:32px;
  --text-h3-size:24px;
  --text-h4-size:20px;
  --text-lead-size:24px;
  --text-body-size:20px;
  --text-ui-size:17px;
  --text-ui-strong-size:17px;
  --text-caption-size:15px;
  --text-number-size:17px;
}
@media (prefers-reduced-motion:reduce){
:root{
  --duration-fast:0ms;
  --duration-base:0ms;
}
}