/* Собрано из site/design/tokens.json (дизайн-система) — не править руками. */
:root {
  color-scheme: dark;
  --page: #10162b;
  --surface: #161e36;
  --surface-raised: #1d2744;
  --line: #2c385a;
  --ink: #eef1f8;
  --ink-muted: #a3adc6;
  --coin: #f4b740;
  --on-coin: #1b1405;
  --coin-ink: #f4b740;
  --coin-soft: #33290f;
  --screen-900: #0b1020;
  --screen-800: #121a30;
  --screen-700: #1a2440;
  --screen-line: #2a3656;
  --screen-ink: #eef1f8;
  --screen-muted: #a3adc6;
  --screen-glass: #0b1020db;
  --win: #6bf0b2;
  --tie: #7d89a8;
  --loss: #d23f45;
  --on-loss: #ffffff;
  --place-top: #f4b7402e;
  --font-display: "Fira Sans Extra Condensed", "Arial Narrow", sans-serif;
  --font-body: Onest, "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", Consolas, ui-monospace, monospace;
  --t-display-xl: 800 72px/68px var(--font-display);
  --t-display-xl-ls: -0.005em;
  --t-display-l: 800 48px/48px var(--font-display);
  --t-display-l-ls: normal;
  --t-display-s: 700 28px/30px var(--font-display);
  --t-display-s-ls: normal;
  --t-label: 600 13px/16px var(--font-display);
  --t-label-ls: 0.08em;
  --t-button: 700 18px/20px var(--font-display);
  --t-button-ls: 0.04em;
  --t-number-xl: 700 64px/64px var(--font-display);
  --t-number-xl-ls: normal;
  --t-number-m: 700 22px/24px var(--font-display);
  --t-number-m-ls: normal;
  --t-lead: 400 19px/30px var(--font-body);
  --t-lead-ls: normal;
  --t-body: 400 16px/26px var(--font-body);
  --t-body-ls: normal;
  --t-body-s: 400 14px/22px var(--font-body);
  --t-body-s-ls: normal;
  --t-panel-text: 500 14px/20px var(--font-body);
  --t-panel-text-ls: normal;
  --t-mono: 400 13px/20px var(--font-mono);
  --t-mono-ls: normal;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 112px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-full: 9999px;
  --container: 1200px;
  --hero-min: 600px;
  --panel-width: 300px;
  --combat-dim: 0.5;
  --shadow-float: 0 16px 40px #0000008c, 0 2px 8px #00000066;
  --focus-ring: 0 0 0 2px #10162b, 0 0 0 4px #f4b740;
}
@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --page: #f3f5fa;
    --surface: #ffffff;
    --surface-raised: #e9edf6;
    --line: #d3d9e6;
    --ink: #0f1528;
    --ink-muted: #4e5876;
    --coin-ink: #8a5b00;
    --coin-soft: #fbefd2;
    --focus-ring: 0 0 0 2px #f3f5fa, 0 0 0 4px #8a5b00;
  }
}