:root{
  --bg:#0f1320; --panel:#161c2d; --panel2:#1d2438; --line:#2c3753;
  --ink:#e8ecf6; --muted:#9aa6c4; --accent:#3b82f6; --accent2:#2563eb;
  --good:#16a34a; --goodbg:#0f2a1a; --warn:#f59e0b; --warnbg:#2a2009;
  /* The rule between two sections of a DOCS document, and nothing else — see css/docs.css. */
  --secrule:#c2711c;
  --bad:#ef4444; --badbg:#2a0f12; --ro:#111626; --rotext:#aab4d4;
  --liftbg:#11283f; --head:#222c45; --shadow:0 2px 10px rgba(0,0,0,.35);
  /* theming hooks (used by light-mode override below) */
  --toolbar1:#1a2236; --toolbar2:#141a29; --btnhover:#27304a; --tabbg:#141a29;
  --subhead:#1b2236; --stripe:rgba(255,255,255,.02); --hatch:rgba(255,255,255,.04);
  --lift1:#15243a; --lift2:#0f1828; --liftbad1:#2a0f12; --liftbad2:#1a0a0c;
  --extborder:#7c5cff; --perfhl:#1d3a5c; --perfhltext:#fff;
  --lifttext:#dbe6ff; --extlifttext:#d9ccff; --perflifttext:#a9e6c4;
  /* HESLO 4 is PERFORMANCE minus 10%, so it used to be painted green like PERFORMANCE and
     the two columns read as one block. Its own light blue separates the figure you may
     plan a HESLO job to from the raw performance figure beside it, without borrowing the
     purple that already means "external structural" or the near-white of INTERNAL. */
  --heslolifttext:#7dd3fc;
  /* Quick Reference: the figure the tool worked out, as against the one the pilot typed.
     Orange rather than the app's blue accent, because blue is already the ring round the
     entry box that figure was derived FROM — one colour cannot mean both. */
  --qrderived:#fb923c;
  --negtext:#ffb4b4; --flagtext:#ff9a9a;
  --pillok:#7ee2a8; --pillwarn:#ffd479; --pillerr:#ffb4b4;
  --purplebg:#2a2150; --pillpurple:#c9b6ff;
  /* Leg banding on both ladders: alternate legs sit on --navband, with --navbandro for
     their calculated cells. Staggered waypoint cells use the SAME two values as the rest
     of the row — a leg and its destination are one block, so giving the waypoint its own
     shade only broke the block up again.
     THESE VALUES ARE THE OPERATOR'S, chosen against the V47 nav log. They sit at 1.11:1,
     which is subtle by any general guideline — do not "improve" them upward. The band that
     genuinely could not be seen was a different bug: waypoint cells carried their own tint
     and landed at 1.01:1 against it, i.e. the same colour twice. Fixing THAT is what made
     the ladder readable; the 1.11 step was never the problem. The gate in tests/ therefore
     guards against two shades being effectively identical, not against subtlety. */
  --navband:#1e2539; --navbandro:#171e33;
  /* Quick Reference has no zebra variable of its own. It used to: a translucent white
     layer, because the panel's number cells each carried a different background (head /
     ro / liftbg) and a flat band would have flattened the columns. The columns no longer
     carry their own shade — every figure in the panel now sits on --ro like every other
     calculated cell in the tool — so the band is simply --navbandro, the same shade the
     leg ladder bands with. One zebra, one pair of values, both tables. */
  --metatheme:#0f1320;
}
html[data-theme="light"]{
  --bg:#f4f6fb; --panel:#ffffff; --panel2:#f0f3fa; --line:#d2d9e8;
  --ink:#1a2233; --muted:#5b6883; --accent:#2563eb; --accent2:#1d4ed8;
  --good:#16a34a; --goodbg:#e4f6ea; --warn:#b45309; --warnbg:#fdf0d8;
  --secrule:#d97706;
  --bad:#dc2626; --badbg:#fdecec; --ro:#eef1f8; --rotext:#374055;
  --liftbg:#e3edfb; --head:#e7ebf5; --shadow:0 2px 10px rgba(20,30,60,.10);
  --toolbar1:#ffffff; --toolbar2:#eef1f8; --btnhover:#e2e8f5; --tabbg:#e9edf6;
  --subhead:#eef1f8; --stripe:rgba(20,30,60,.025); --hatch:rgba(20,30,60,.05);
  --lift1:#eaf2fd; --lift2:#dce9fb; --liftbad1:#fdecec; --liftbad2:#fbdcdc;
  --extborder:#7c5cff; --perfhl:#cfe0fb; --perfhltext:#0b2a52;
  --lifttext:#13386e; --extlifttext:#4b2fb0; --perflifttext:#16713f;
  --heslolifttext:#0369a1; --qrderived:#c2410c;
  --negtext:#b91c1c; --flagtext:#b91c1c;
  --pillok:#15803d; --pillwarn:#92500a; --pillerr:#b91c1c;
  --purplebg:#ece7fb; --pillpurple:#6d28d9;
  --navband:#e9eef8; --navbandro:#dee6f3;
  --metatheme:#f4f6fb;
}
html{transition:background-color .2s ease,color .2s ease}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);
  font-family:'Segoe UI',system-ui,Arial,sans-serif;font-size:14px}
h1,h2,h3{margin:0}