/**
 * Arkade Knight V1 preflight tokens.
 * Values are sampled or conservatively inferred from the approved reference.
 * Components must consume these semantic tokens rather than introducing raw values.
 */
:root {
  --color-page: #050708;
  --color-surface: #0b0e0f;
  --color-surface-raised: #111513;
  --color-surface-media: #080a0b;
  --color-gold: #d6a541;
  --color-gold-bright: #f0c65d;
  --color-gold-muted: #9b7128;
  --color-border-gold: #8c651f;
  --color-silver: #d4d4d1;
  --color-cyan: #38c5dc;
  --color-magenta: #c33659;
  --color-text: #f2efe8;
  --color-text-muted: #a8a59d;
  --color-live: #dc2d20;
  --color-success: #68b879;
  --color-focus: #f0c65d;

  --shadow-card: 0 14px 30px rgb(0 0 0 / 0.34);
  --shadow-gold: 0 0 18px rgb(214 165 65 / 0.18);
  --glow-gold-subtle: 0 0 10px rgb(240 198 93 / 0.16);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-pill: 999px;
  --border-hairline: 1px;
  --border-emphasis: 2px;

  --z-base: 0;
  --z-content: 1;
  --z-sticky: 20;
  --z-nav: 30;
  --z-modal: 40;
  --z-toast: 50;

  --font-display: "Rajdhani", "Arial Narrow", "Segoe UI", sans-serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label: "Rajdhani", "Arial Narrow", "Segoe UI", sans-serif;
}