/* Design tokens: defined once. Dark is the default (night/glare use); light follows the OS. */
:root {
  --bg: #0b1220;
  --surface: #131c2e;
  --surface-2: #1b2740;
  --border: #3a4a6b;
  --text: #f1f5fb;
  --text-muted: #b6c2d9;
  --accent: #f2b632;
  --accent-text: #1a1304;
  --danger: #e5484d;
  --danger-text: #ffffff;
  --focus: #7cc4ff;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px;
  --radius: 10px;
  --target: 48px;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color-scheme: dark light;
}
@media (prefers-color-scheme: light) {
  :root {
    --bg: #f5f7fb; --surface: #ffffff; --surface-2: #e9eef7; --border: #5b6b8c;
    --text: #0b1220; --text-muted: #3b4a66; --accent: #7a5200; --accent-text: #ffffff;
    --danger: #b3261e; --danger-text: #ffffff; --focus: #0b57d0;
  }
}