/* Dark theme colour tokens -- docs/DESIGN_SYSTEM.md Section 4.1
   (including the -text alias note added there for Milestone 1).
   Dark is the default theme (docs/ARCHITECTURE.md Section 8): a bare
   :root selector already matches regardless of whether data-theme is
   set, so it covers both the explicit data-theme="dark" case and the
   fallback before theme detection runs, with no separate selector
   needed. */

:root {
  --color-bg: #12100d;
  --color-surface: #1e1a15;
  --color-surface-raised: #26211a;
  --color-border: #3a332a;
  --color-text-primary: #f5f1e8;
  --color-text-secondary: #b8ae9c;
  --color-accent: #ffd700;
  --color-accent-text: #ffd700;
  --color-success: #4caf50;
  --color-success-text: #4caf50;
  --color-danger: #e05252;
  --color-danger-text: #e05252;

  /* Phase G.3, docs/DESIGN_SYSTEM_V2.md Section 7: "this value is
     currently live/updating" -- deliberately a colder hue than
     --color-accent's gold ("achievement/record"), so the two meanings
     never compete. WCAG-verified (relative-luminance formula, same
     method as Section 13 below): vs --color-bg 10.33:1, vs
     --color-surface 9.41:1 -- both clear 4.5:1 with large margin, so a
     single value serves fill and text use here (unlike light theme,
     see theme-light.css). */
  --color-live-accent: #4dd0e1;
  --color-live-accent-text: #4dd0e1;

  /* Phase G.3: a lower-contrast border for the Table Panel / Chart
     Panel "thinner border" treatment (docs/DESIGN_SYSTEM_V2.md Section
     5) -- decorative/structural, not a text pairing, so no WCAG
     computation applies; --color-border blended toward --color-surface. */
  --color-border-subtle: #2c2720;

  /* Phase G.3: Chart Panel's "recessed screen" treatment
     (docs/DESIGN_SYSTEM_V2.md Section 5) -- decorative depth cue, not
     a semantic colour. Higher opacity than light theme's since
     --color-surface is already very dark and needs more contrast to
     read as a recess at all. */
  --shadow-chart-recessed: inset 0 1px 4px rgba(0, 0, 0, 0.45);
}