/* Generated from brand/tokens.json by tools/brand-tokens.mjs. Do not edit by hand. */
:root {
  --bg-0: #0b1020;
  --bg-1: #111829;
  --bg-2: #182036;
  --surface: #202a44;
  --line: #1d2840;
  --line-2: #263352;
  --hi: rgba(255,255,255,0.04);
  --ink: #e8edf5;
  --muted: #8e9bb7;
  --faint: #5f6b86;
  --green: #7bd498;
  --green-ink: #06240f;
  --gold: #e6b422;
  --gold-ink: #2a1f00;
  --amber: #f59e0b;
  --amber-ink: #2b1a00;
  --red: #f26d6d;
  --red-ink: #2a0b0b;
  --blue: #22d3ee;
  --blue-ink: #042b32;
  --violet: #a78bfa;
  --violet-ink: #1b1040;
  --shadow: 0 8px 24px rgba(0,0,0,0.35);
  --accent: var(--green); --accent-ink: var(--green-ink);
  --featured: var(--gold); --featured-ink: var(--gold-ink);
  --last-call: var(--amber); --last-call-ink: var(--amber-ink);
  --late: var(--red); --late-ink: var(--red-ink);
  --info: var(--blue); --info-ink: var(--blue-ink);
  --tone-bounty: var(--gold);
  --tone-speed: var(--amber);
  --tone-table: var(--blue);
  --tone-game: var(--violet);
  --tone-structure: var(--muted);
  --tone-satellite: var(--green);
  --tone-stakes: var(--gold);
  --tone-region: var(--blue);
  --font-display: "Barlow Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  --fs-xs: 12px; --lh-xs: 16px;
  --fs-sm: 13px; --lh-sm: 18px;
  --fs-md: 14px; --lh-md: 20px;
  --fs-lg: 16px; --lh-lg: 22px;
  --fs-xl: 20px; --lh-xl: 24px;
  --fs-xxl: 28px; --lh-xxl: 32px;
  --fs-caption: 13px; --lh-caption: 18px;
  --fs-body: 16px; --lh-body: 24px;
  --fs-section: 24px; --lh-section: 30px;
  --fs-title: 40px; --lh-title: 44px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --badge-bg: #14281E;
  --badge-border: #2F5D43;
  --badge-text: #F1F5EE;
  --badge-bounty: #FF6B57;
  --badge-format: #6FCF8A;
  --badge-speed: #FFB84D;
  --badge-structure: #6FB7FF;
  --badge-prestige: #E8C468;
  --badge-glow: #8CF5A6;
  --badge-max: 4;
  --badge-tether: #26A17B;
  --badge-mm: #F6851B;
  --badge-mm-dark: #E2761B;
  --badge-mm-deep: #763D16;
  --badge-mm-snout: #F5E3D3;
  --radius-sm: 6px; --radius-md: 10px; --radius-control: 14px; --radius-card: 24px; --radius-pill: 999px;
  --row-h: 44px; --row-h-mobile: 48px;
  --hero-h: 96px; --hero-h-collapsed: 56px;
  color-scheme: dark;
}
:root[data-theme="light"] {
  --bg-0: #f4f6fb;
  --bg-1: #ffffff;
  --bg-2: #eef2f8;
  --surface: #e3e9f3;
  --line: #d9e0ec;
  --line-2: #c2cde0;
  --hi: rgba(255,255,255,0.6);
  --ink: #0f172a;
  --muted: #4f5d78;
  --faint: #8290aa;
  --green: #1f9d55;
  --green-ink: #ffffff;
  --gold: #9a6b00;
  --gold-ink: #ffffff;
  --amber: #b45309;
  --amber-ink: #ffffff;
  --red: #c0392b;
  --red-ink: #ffffff;
  --blue: #0e7490;
  --blue-ink: #ffffff;
  --violet: #6d4fd6;
  --violet-ink: #ffffff;
  --shadow: 0 8px 24px rgba(15,23,42,0.12);
  color-scheme: light;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
  --bg-0: #f4f6fb;
  --bg-1: #ffffff;
  --bg-2: #eef2f8;
  --surface: #e3e9f3;
  --line: #d9e0ec;
  --line-2: #c2cde0;
  --hi: rgba(255,255,255,0.6);
  --ink: #0f172a;
  --muted: #4f5d78;
  --faint: #8290aa;
  --green: #1f9d55;
  --green-ink: #ffffff;
  --gold: #9a6b00;
  --gold-ink: #ffffff;
  --amber: #b45309;
  --amber-ink: #ffffff;
  --red: #c0392b;
  --red-ink: #ffffff;
  --blue: #0e7490;
  --blue-ink: #ffffff;
  --violet: #6d4fd6;
  --violet-ink: #ffffff;
  --shadow: 0 8px 24px rgba(15,23,42,0.12);
    color-scheme: light;
  }
}