/* Theme tokens for the app's light/dark switcher.
   Dark values match the app's original (pre-switcher) hardcoded colors, so
   :root alone reproduces today's look unchanged. data-theme="light" on <html>
   (set by the inline bootstrap script in base.html, before first paint)
   overrides the neutral tokens for a light surface.

   Only neutral surface/text/border tokens are themed here. Brand and status
   colors (teal accent, error red, warning amber, etc.) keep the same literal
   values in both themes and are not tokenized - they read fine on both. */

:root {
  --color-bg: #0f0f1a;
  --color-surface: #1a1a2e;
  --color-surface-2: #1e1e32;
  --color-text: #e4e4e7;
  --color-text-muted: #9ca3af;
  --color-text-dim: #6b7280;
  --overlay-rgb: 255, 255, 255;
}

:root[data-theme='light'] {
  --color-bg: #f8fafc;
  --color-surface: #ffffff;
  --color-surface-2: #f1f5f9;
  --color-text: #0f172a;
  --color-text-muted: #475569;
  --color-text-dim: #64748b;
  --overlay-rgb: 15, 23, 42;
}