/* thesis-dark.css — THESIS-STEPS chapter overlay · DARK
   Brand SoT (rendering; W9 sweep 2026-07-07). Adopted verbatim from the
   Claude Design delivery `visualizing/scenes/thesis-hero/delivery/
   thesis-steps-palette.css` (thesis-hero-2026-07-07 spec § 4).
   Derivation: seven perceptually-spread stops off the brand membrane arc
   (teal-300 → teal-400 → amber-400); deliberately skips green and red —
   the class can never be parsed as the agreement palette, the tier ramp,
   or pass/fail. Every stroke clears 3:1 against the dark ground family
   (--bg-base #08090d … --neutral-900). */
:root {
  --step-1: #8aa8bd;  /* slate teal, desaturated — ch1, types & axioms: foundational */
  --step-2: #4cc3cf;  /* muted cyan — ch2, propositions: structure entering */
  --step-3: #00d9b4;  /* teal-300 — ch3, the LLM chapter carries the brand AI accent */
  --step-4: #0aa88d;  /* deep teal — ch4, machinery folded away */
  --step-5: #d4bd7a;  /* warm sand — ch5, the merge */
  --step-6: #f0b94e;  /* gold — ch6, generators: growth reads warm, never "pass" */
  --step-7: #f5a623;  /* amber-400 — ch7, the keystone: return legs land on brand secondary */

  /* soft area tints — same stops at low alpha, for washes & halo fills */
  --step-1-soft: rgba(138, 168, 189, 0.14);
  --step-2-soft: rgba(76, 195, 207, 0.14);
  --step-3-soft: rgba(0, 217, 180, 0.14);
  --step-4-soft: rgba(10, 168, 141, 0.14);
  --step-5-soft: rgba(212, 189, 122, 0.14);
  --step-6-soft: rgba(240, 185, 78, 0.14);
  --step-7-soft: rgba(245, 166, 35, 0.14);
}