/* PrimeStack Design System v1 tokens (dark only). The only place hex values live. */
:root {
  color-scheme: dark;
  --bg: #0b1020; --bg-glow: rgba(74,134,250,0.10);
  --surface: #121a2b; --surface-2: #16203a; --surface-hover: #1a2540;
  --input: #0f1626; --border: #222d44; --border-strong: #2c3a57;
  --text: #e7ecf5; --text-muted: #93a1b8; --text-subtle: #7a88a1;
  --accent: #4a86fa; --accent-hover: #6397ff; --accent-strong: #356ad8; --accent-strong-hover: #2f62cc;
  --accent-soft: rgba(74,134,250,0.14); --on-accent: #ffffff; --link: #6ea4ff;
  --success: #34d399; --success-bg: rgba(52,211,153,0.12);
  --warning: #fbbf24; --warning-bg: rgba(251,191,36,0.12);
  --danger: #f87171; --danger-bg: rgba(248,113,113,0.12);
  --font-sans: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Mono", Consolas, ui-monospace, monospace;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px;
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-pill: 999px;
  --shadow-card: 0 20px 50px rgba(0,0,0,0.35);
  --shadow-accent: 0 6px 18px rgba(53,106,216,0.30);
  --shadow-focus: 0 0 0 3px rgba(74,134,250,0.35);
}