/* =====================================================================
   QuanTime · DESIGN TOKENS
   ---------------------------------------------------------------------
   Single source of truth for colors, type, spacing. Every page imports
   this first. Change a value here and the entire platform updates.
===================================================================== */
:root {
  /* -- Color palette: cool dark base, phosphor-green accent -- */
  --bg:        oklch(13% 0.008 240);
  --bg-2:      oklch(16% 0.008 240);
  --bg-3:      oklch(19% 0.008 240);
  --bg-4:      oklch(22% 0.008 240);
  --line:      oklch(28% 0.008 240);
  --line-soft: oklch(22% 0.008 240);
  --text:      oklch(96% 0.005 90);
  --text-mute: oklch(70% 0.008 240);
  --text-dim:  oklch(52% 0.008 240);

  --accent:     oklch(78% 0.17 145);
  --accent-2:   oklch(68% 0.20 25);     /* alert / sell */
  --accent-3:   oklch(72% 0.17 55);     /* warn / amber */
  --accent-4:   oklch(72% 0.16 240);    /* info / blue */
  --accent-dim: oklch(78% 0.17 145 / 0.15);

  --font-sans: "Space Grotesk", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;

  --radius: 4px;
  --radius-lg: 8px;
  --max-w: 1480px;
}