/* Shared look for the Hub's older pages, v3 (8 Nov 2026). One look on every page: always dark, whatever the phone's light/dark setting.
   It re-points each old page's own colour names at the shared dark values, adds the soft backdrop BEHIND the content (z-index:-1),
   glass cards, the gold tick on card titles and a gold focus ring. Load it AFTER the page's own <style>.
   Print stays plain. Pages built on tokens.css + ui.css do not need this file. Retire it page by page as pages move onto ui.css. */
@media screen{
:root{
 color-scheme:dark;
 /* the colour names older pages use, mapped to the shared dark palette */
 --bg:#0a0f1d;--card:#172040;--panel:#172040;--raised:#1f2a50;
 --ink:#eef2fb;--muted:#b6c0da;--faint:#98a3c2;
 --line:rgba(160,180,230,.28);--line-strong:#7486bf;--soft:rgba(255,255,255,.07);
 --navy:#0d1428;--navy2:#1f2a50;--navy-ink:#eef2fb;
 --gold:#f5c842;--gold-ink:#1b1500;--on-gold:#1b1500;
 --ok:#8fe3b5;--green:#3fbf7f;--warn:#ffe27a;--amber:#ffe27a;--bad:#ff9b94;--red:#ff9b94;
 --ok-bg:rgba(63,191,127,.16);--green-bg:rgba(63,191,127,.16);--warn-bg:rgba(245,200,66,.14);--amber-bg:rgba(245,200,66,.14);--bad-bg:rgba(224,90,95,.18);--red-bg:rgba(224,90,95,.18);
 --mine:#1f2c4d;--mention:#4a3d10;
 --focus:#f5c842;--link:#f5c842;--pay:#3a3110;
}
body{background:var(--bg);color:var(--ink)}
html::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(70% 55% at 12% 0%,rgba(245,200,66,.16),transparent 70%),radial-gradient(60% 50% at 96% 8%,rgba(255,122,61,.12),transparent 70%),radial-gradient(80% 60% at 50% 110%,rgba(52,96,200,.18),transparent 70%),radial-gradient(130% 100% at 50% 30%,transparent 45%,rgba(3,6,14,.7) 100%),linear-gradient(rgba(9,14,28,.95),rgba(9,14,28,.95)),url(/img/wall-dim.webp) center/cover}
a{color:var(--link)}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.card,.led,.sum,.prev,div.st,.kp div,.pj,.tcard,.mc{
 background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),var(--card);
 border-color:rgba(160,180,230,.32);
 box-shadow:0 1px 2px rgba(0,0,0,.35),0 10px 24px -14px rgba(0,0,0,.65)}
.top{background:linear-gradient(180deg,#0f1a33,#0a1224);border-bottom:1px solid rgba(255,255,255,.08);color:var(--navy-ink)}
.card h2::before{content:"";display:inline-block;width:4px;height:.9em;margin-right:8px;border-radius:2px;background:linear-gradient(180deg,#f5c842,#ff7a3d);vertical-align:-.08em}
input,select,textarea{color-scheme:dark}
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{background:#0f1730;color:var(--ink);border-color:#7486bf}
::placeholder{color:var(--faint)}
}