/* theme.css: dark mode shared by every article in the series.
   Linked after each page's own <style>, so these tokens win over the page's
   light ones. Each page also carries a generated block that maps its own
   concept colors (--c-*) and any hardcoded panel colors with the same rule as
   lib/theme.js. No toggle: the page follows the reader's system setting. */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --text: #e4e4ee;
    --text-2: #a9a9c0;
    --bg: #121218;
    --fig-bg: #1b1b23;
    --border: #34343f;
    --accent: #7ea6ff;
    --accent-light: #1f2a45;
    --c-axis: #8a94a6;
    --c-grid: #2c2f39;
    --code-bg: #262631;
  }
  a:hover { color: #a9c3ff; }
  /* Halos and knockouts that figures draw with a literal white. */
  svg [stroke="#fff"], svg [stroke="#ffffff"], svg [stroke="white"] { stroke: var(--fig-bg); }
  input, select, textarea { background: var(--fig-bg); color: var(--text); border-color: var(--border); }
}