/* Design tokens — Editorial Intelligence.
   Recovered from the v3.2 stylesheet; DESIGN.md is the source of truth.
   Every surface, text and border colour resolves through these. */

:root {
  /* Light view — the 2026-08-28 wireframes' "light desk": cool ground,
     white cards, #0E1116 ink, the #3E5C8A accent. */
  --bg:#F7F8FA; --card:#FFFFFF; --fill:#EEF1F5;
  --fg:#0E1116; --fg-body:#4A525E; --fg-2:#7C8492;
  --border:#E3E6EB; --border-soft:#EEF1F5; --border-strong:#CFD4DC;
  --ring-track:rgba(14,17,22,0.10);
  --sidebar-bg:#FFFFFF; --sidebar-fg:#0E1116; --sidebar-fg-dim:#7C8492;
  --sidebar-active:rgba(14,17,22,0.05); --sidebar-border:#E3E6EB;
  --accent:#3E5C8A; --accent-fg:#FFFFFF;
  --accent-hover:#4A6B9D;
  --accent-ring:rgba(62,92,138,0.18); --accent-wash:rgba(62,92,138,0.07);
  --btn-dark-bg:#0E1116; --btn-dark-fg:#F7F8FA;
  --shadow-lg:0 14px 44px rgba(14,17,22,0.08); --shadow-card:0 8px 24px rgba(14,17,22,0.08);
  /* risk palette — color marks only deviation; on-track recedes to ink (DESIGN.md) */
  --bm-risk:#BE2D3C; --bm-watch:#E08A00; --bm-watch-ink:#8A5A00; --bm-healthy:#2C6E49;
  --engine-bar:#3E5C8A;   /* logo equalizer bars — slate accent */
  /* The bar is dark in both themes — it carries the brand across the seam
     from the dark landing into the light app (wireframe 2b). */
  --bar-bg:#0E1116; --bar-fg:#E6E9EE; --bar-fg-mid:#B4BCC8; --bar-fg-dim:#7C8492;
  --bar-border:#262D38; --bar-active:rgba(230,233,238,0.08);
}

:root[data-theme="dark"] {
  --bg:#0E1116; --card:#161A21; --fill:#1C2129;
  --fg:#E6E9EE; --fg-body:#B5BBC6; --fg-2:#7C8492;
  --border:rgba(255,255,255,0.10); --border-soft:rgba(255,255,255,0.06); --border-strong:rgba(255,255,255,0.22);
  --ring-track:rgba(255,255,255,0.10);
  --sidebar-bg:#0A0D12; --sidebar-fg:#E6E9EE; --sidebar-fg-dim:rgba(230,233,238,0.55);
  --sidebar-active:rgba(230,233,238,0.08); --sidebar-border:rgba(230,233,238,0.12);
  --accent:#7E9BD0; --accent-fg:#0A0D12;
  --accent-ring:rgba(126,155,208,0.22); --accent-wash:rgba(126,155,208,0.08);
  --btn-dark-bg:#1C2129; --btn-dark-fg:#E6E9EE;
  --shadow-lg:0 14px 44px rgba(0,0,0,0.45); --shadow-card:0 8px 24px rgba(0,0,0,0.40);
  /* risk palette lifted for dark contrast (theme-specific) */
  --bm-risk:#E0697A; --bm-watch:#D49A45; --bm-watch-ink:#D49A45; --bm-healthy:#5FA07E;
  --engine-bar:#7E9BD0;
}

:root[data-theme="dark"] select option { background: var(--card); color: var(--fg); }