/* ============================================================
   bADles shared theme tokens — DARK default (radar console)

   Priority (highest to lowest):
     html[data-theme="light"]              user forced light
     html[data-theme="dark"]               user forced dark (mirrors :root)
     :root                                 default = DARK (radar console)
   ============================================================ */

:root {
  /* Radar console base */
  --bg:          oklch(11% 0.015 230);
  --surface:     oklch(16% 0.02 230);
  --surface-hi:  oklch(21% 0.025 230);
  --border:      oklch(28% 0.03 230);
  --border-sub:  oklch(20% 0.02 230);

  /* Text */
  --text:  oklch(94% 0.005 220);
  --muted: oklch(62% 0.01 220);
  --faint: oklch(40% 0.01 220);

  /* Brand red — unchanged */
  --accent:     oklch(68% 0.22 22);
  --accent-dim: oklch(55% 0.18 22);
  --accent-sub: oklch(18% 0.05 22);

  /* Signal — phosphor green (NEW) */
  --signal:     oklch(74% 0.19 152);
  --signal-dim: oklch(60% 0.16 152);
  --signal-sub: oklch(16% 0.08 152);

  /* Semantic */
  --green:     oklch(72% 0.19 142);
  --green-sub: oklch(18% 0.06 142);
  --amber:     oklch(78% 0.16 75);

  /* Typography + motion (mode-invariant) */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --sans:         'Inter', system-ui, -apple-system, sans-serif;
  --mono:         'JetBrains Mono', ui-monospace, monospace;
  --ease:         cubic-bezier(0.16, 1, 0.3, 1);

  /* Nav */
  --bdl-nav-bg:       oklch(11% 0.015 230 / .92);
  --bdl-nav-bg-solid: oklch(11% 0.015 230 / .98);
}

/* Explicit dark override (same as :root — keeps JS toggle working) */
html[data-theme="dark"] {
  --bg:          oklch(11% 0.015 230);
  --surface:     oklch(16% 0.02 230);
  --surface-hi:  oklch(21% 0.025 230);
  --border:      oklch(28% 0.03 230);
  --border-sub:  oklch(20% 0.02 230);

  --text:  oklch(94% 0.005 220);
  --muted: oklch(62% 0.01 220);
  --faint: oklch(40% 0.01 220);

  --accent:     oklch(68% 0.22 22);
  --accent-dim: oklch(55% 0.18 22);
  --accent-sub: oklch(18% 0.05 22);

  --signal:     oklch(74% 0.19 152);
  --signal-dim: oklch(60% 0.16 152);
  --signal-sub: oklch(16% 0.08 152);

  --green:     oklch(72% 0.19 142);
  --green-sub: oklch(18% 0.06 142);
  --amber:     oklch(78% 0.16 75);

  --bdl-nav-bg:       oklch(11% 0.015 230 / .92);
  --bdl-nav-bg-solid: oklch(11% 0.015 230 / .98);
}

/* Light override (beats :root dark default) */
html[data-theme="light"] {
  --bg:          #f5f1eb;
  --surface:     #ede7dc;
  --surface-hi:  #e3dccd;
  --border:      #d0c6b2;
  --border-sub:  #e2dbcc;

  --text:  #1a1814;
  --muted: #6b6459;
  --faint: #8f887a;

  --accent:     oklch(54% 0.22 22);
  --accent-dim: oklch(44% 0.18 22);
  --accent-sub: #f6e4dd;

  --signal:     oklch(52% 0.19 152);
  --signal-dim: oklch(42% 0.16 152);
  --signal-sub: #d4ecd6;

  --green:     oklch(48% 0.19 142);
  --green-sub: #d9e6c9;
  --amber:     oklch(55% 0.16 75);

  --bdl-nav-bg:       rgba(245, 241, 235, 0.92);
  --bdl-nav-bg-solid: rgba(245, 241, 235, 0.98);
}