/* ── Theme variables ── */

/* Default: dark mode */
:root {
  --bg: #0B0F14;
  --bg-r: 11;
  --bg-g: 15;
  --bg-b: 20;
  --surface: #111823;
  --surface-elevated: #16202E;
  --border: #263241;
  --text-primary: #E6EDF3;
  --text-secondary: #9AA4B2;
  --text-muted: #6B7280;
  --accent: #E84D4D;
  --accent-hover: #EC6B6B;
  --accent-r: 232;
  --accent-g: 77;
  --accent-b: 77;
  --success: #2DD4BF;
  --warning: #FBBF24;
  --error: #F87171;
  --info: #60A5FA;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --font-ui: "Inter", system-ui, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", monospace;
}

/* Auto-detect system light preference */
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --bg: #FAFBFC;
    --bg-r: 250;
    --bg-g: 251;
    --bg-b: 252;
    --surface: #FFFFFF;
    --surface-elevated: #F3F4F6;
    --border: #D1D5DB;
    --text-primary: #111827;
    --text-secondary: #4B5563;
    --text-muted: #9CA3AF;
    --accent: #DC2626;
    --accent-hover: #EF4444;
    --accent-r: 220;
    --accent-g: 38;
    --accent-b: 38;
    --success: #059669;
    --warning: #D97706;
    --error: #DC2626;
    --info: #2563EB;
  }
}

/* Manual light mode override */
[data-theme="light"] {
  --bg: #FAFBFC;
  --bg-r: 250;
  --bg-g: 251;
  --bg-b: 252;
  --surface: #FFFFFF;
  --surface-elevated: #F3F4F6;
  --border: #D1D5DB;
  --text-primary: #111827;
  --text-secondary: #4B5563;
  --text-muted: #9CA3AF;
  --accent: #DC2626;
  --accent-hover: #EF4444;
  --accent-r: 220;
  --accent-g: 38;
  --accent-b: 38;
  --success: #059669;
  --warning: #D97706;
  --error: #DC2626;
  --info: #2563EB;
}

/* Manual dark mode override */
[data-theme="dark"] {
  --bg: #0B0F14;
  --bg-r: 11;
  --bg-g: 15;
  --bg-b: 20;
  --surface: #111823;
  --surface-elevated: #16202E;
  --border: #263241;
  --text-primary: #E6EDF3;
  --text-secondary: #9AA4B2;
  --text-muted: #6B7280;
  --accent: #E84D4D;
  --accent-hover: #EC6B6B;
  --accent-r: 232;
  --accent-g: 77;
  --accent-b: 77;
  --success: #2DD4BF;
  --warning: #FBBF24;
  --error: #F87171;
  --info: #60A5FA;
}