/* evo.career — generated from tokens.json */

:root, [data-theme="dark"] {
  --ground: #0a0b0d;
  --ground-raised: #121417;
  --ground-glow: #1a1c20;
  --glass-1: rgba(255, 255, 255, 0.04);
  --glass-2: rgba(255, 255, 255, 0.07);
  --glass-3: rgba(255, 255, 255, 0.10);
  --glass-0: rgba(255, 255, 255, 0.02);
  --glass-edge: rgba(255, 255, 255, 0.12);
  --glass-edge-strong: rgba(255, 255, 255, 0.30);
  --glass-highlight: rgba(255, 255, 255, 0.18);
  --scrim: rgba(10, 11, 13, 0.55);
  --ink: #f2f2f0;
  --ink-2: #c9cbce;
  --ink-muted: #a3a6ab;
  --ink-faint: #8f9297;
  --paper: #f4f4f2;
  --on-paper: #0a0b0d;
  --accent: #e8302a;
  --accent-glow: rgba(232, 48, 42, 0.40);
  --on-accent: #0a0b0d;
  --medal-gold: #e6cf8a;
  --medal-silver: #d5d8db;
  --medal-bronze: #d9a27a;
  --timing-session-best: #b48cff;
  --timing-personal-best: #3dd68c;
  --timing-slower: #f2c94c;
  --danger: #ff8a7a;
  --focus: #7aa7ff;
  --shadow-panel: 0 30px 60px rgba(0, 0, 0, 0.50);
  --shadow-hero: 0 50px 100px rgba(0, 0, 0, 0.60);
  --shadow-overlay: 0 12px 32px rgba(0, 0, 0, 0.55);
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 14px;
  --space-4: 18px;
  --space-6: 28px;
  --space-8: 48px;
  --space-12: 64px;
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --font-title: "Inter Tight", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter Tight", "Segoe UI", system-ui, sans-serif;
  --font-label: Michroma, "Segoe UI", sans-serif;
}