/* ═══ Themes ═════════════════════════════════════════════════════════════════
   Each theme overrides only the base colours of tokens.css; everything else
   (tints, lines, glows, gradients) follows automatically. Chosen per user in
   the user menu / Account page and stored in the browser (js/core/theme.js).
   "hunters" (no attribute) is the default 101huntersqn.com look.
   ═══════════════════════════════════════════════════════════════════════════ */

/* AFTERBURNER — black airframe, reheat red/orange */
:root[data-theme="afterburner"] {
  --bg: #070304;  --bg-2: #100607;  --surface: #160a0c;  --surface-2: #1e0d10;
  --surface-3: #231013;  --surface-hover: #2d151a;
  --gold: #ff8a3d;  --gold-light: #ffb27a;  --orange: #ff3d1f;  --fire: #c1121f;
  --text: #fff6f2;  --text-2: #dcc8c3;  --muted: #86706b;  --faint: #4b3535;
  --on-accent: #120405;
}

/* HUD — night-vision green, like a head-up display */
:root[data-theme="hud"] {
  --bg: #010603;  --bg-2: #030d06;  --surface: #05140a;  --surface-2: #081b0e;
  --surface-3: #0a2212;  --surface-hover: #0e2c18;
  --gold: #3dff8a;  --gold-light: #9dffc2;  --orange: #b6ff3d;  --fire: #57d63a;
  --text: #dcffe8;  --text-2: #a3dcb5;  --muted: #55805f;  --faint: #234030;
  --on-accent: #021007;  --on-fire: #021007;
  --ok: #3dff8a;  --ok-text: #9dffc2;
}

/* STEALTH — low-visibility greys with a cool cyan accent */
:root[data-theme="stealth"] {
  --bg: #07080a;  --bg-2: #0d0f12;  --surface: #121519;  --surface-2: #181c21;
  --surface-3: #1c2127;  --surface-hover: #232a31;
  --gold: #9cb3c9;  --gold-light: #d2dfeb;  --orange: #3fb8f0;  --fire: #0a84c6;
  --text: #f0f4f8;  --text-2: #b8c2cc;  --muted: #6d7884;  --faint: #363e47;
  --on-accent: #07080a;
}

/* DAY — light theme for bright rooms */
:root[data-theme="day"] {
  --bg: #e6ebf2;  --bg-2: #f3f5f9;  --surface: #ffffff;  --surface-2: #f2f5f9;
  --surface-3: #e8edf3;  --surface-hover: #dfe6ef;
  --gold: #a87400;  --gold-light: #835a00;  --orange: #e8590c;  --fire: #c92a2a;
  --text: #0d1021;  --text-2: #2f3549;  --muted: #5e6678;  --faint: #a3abb9;
  --on-accent: #ffffff;  --ink: #0d1021;
  --ok-text: #15803d;  --warn-text: #a15c07;  --danger-text: #b91c1c;  --info-text: #0369a1;
  --blue-side: #1d5fd8;  --red-side: #d62828;
  --shadow: 0 8px 28px rgba(13, 16, 33, 0.12);
  color-scheme: light;
}
:root[data-theme="day"] .ac-label { background: rgba(255, 255, 255, 0.92) !important; color: #0d1021 !important; }