/* =========================================================
   GHOT · CSS tokens — extracted verbatim from ghot.html (v2.6)
   Light is the default (on :root); dark overrides via
   [data-theme="dark"]. Comments preserved from source.
   ========================================================= */

:root {
  /* ===== LIGHT · Newsprint (black on white, red accent) — default ===== */
  --bg: #ffffff;
  --paper: #faf8f3;
  --surface: #ffffff;
  --ink: #0a0a0a;
  --ink-2: #1f1f1f;
  --ink-3: #404040;
  --muted: #666666;
  --line: #d4d4d4;
  --line-2: #9a9a9a;
  --rule: #0a0a0a;
  --hot: #c8102e;
  --support: #15803d;
  --oppose:  #991b1b;
  --neutral: #4b5563;
  /* Shell/chrome tweakables — the substatus and floating nav pull from these
     so we can tune them per-theme without touching every component. */
  --substatus-bg: #f4f0e6;     /* slight warm tint so it separates from --bg */
  --substatus-border: #e0dbcb;
  /* page-nav sits on the page like a paper sticky-note — same warm tint as --paper,
     dark text, subtle border. Quieter than v2.2's inverse-black pill. */
  --pagenav-bg: #faf8f3;
  --pagenav-fg: #0a0a0a;
  --pagenav-muted: rgba(10,10,10,0.5);
  --dropcap: #c8102e;          /* matches --hot on light */

  --conf-4: 1;
  --conf-3: 0.75;
  --conf-2: 0.5;
  --conf-1: 0.28;
}

[data-theme="dark"] {
  --bg: #0f1622;
  --paper: #141c2b;
  --surface: #1a2336;
  --ink: #ece8df;
  --ink-2: #d3cec2;
  --ink-3: #a49d8d;
  --muted: #8a8373;
  --line: #25304a;
  --line-2: #3a4a6b;
  --rule: #ece8df;

  /* Amber warm enough to feel like "heat" without screaming; keeps semantic kinship
     with the light-theme red (both are "attention / this is the signal"). */
  --hot: #e89547;
  /* Stance colors — bumped for dark-bg legibility while keeping green/red/gray semantics */
  --support: #5fc67a;
  --oppose:  #f27573;
  --neutral: #93a3bc;

  /* Brighten the substatus band so it doesn't fuse into --bg.
     About 5% lighter than bg. */
  --substatus-bg: #1a253c;
  --substatus-border: #324166;

  /* Same idea on dark — same family as --surface, light text. Quiet inset card,
     not a screaming inverse pill. Active item (amber) does the actual highlighting. */
  --pagenav-bg: #1a2336;
  --pagenav-fg: #ece8df;
  --pagenav-muted: rgba(236,232,223,0.5);

  /* Dropcap becomes the amber so it reads as a focal point, not "dim red" */
  --dropcap: #e89547;
}