/* Design tokens. One copy, linked by every page.
   These were duplicated into nine files and had already drifted: --line was
   #e7e9ee in the console and #e9eaee on the public pages, --radius 12px versus
   14px, and seven pages had no dark theme at all, so following a footer link
   out of a dark console flashed white. */
:root{
  color-scheme:light;
  --bg:#f7f8fa; --bg-sub:#fbfbfd; --panel:#ffffff; --panel-2:#fbfbfd;
  --ink:#0b0d12; --ink-2:#3a3f4b; --muted:#5c6373; --faint:#6b7280;
  --line:#e7e9ee; --line-2:#eff1f5;
  --accent:#275891; --accent-strong:#1c466f; --accent-soft:#eaf2fa; --accent-ink:#1c466f;
  --brand-blue:#275891; --brand-green:#4ab57f; --brand-ink:#1c466f; --on-accent:#ffffff;
  --ok:#0f7a48; --ok-soft:#eefaf2; --ok-line:#c9ebd8;
  --warn:#8a6212; --warn-soft:#fdf8ec; --warn-line:#f0e3c2;
  --err:#c0362f; --err-soft:#fdf3f2; --err-line:#f3d2ce;
  --radius:12px; --radius-lg:16px;
  --panel-blur:rgba(255,255,255,.72); --panel-blur-solid:rgba(255,255,255,.85);
  --shadow-sm:0 1px 2px rgba(16,18,27,.04),0 1px 3px rgba(16,18,27,.05);
  --shadow-md:0 1px 2px rgba(16,18,27,.04),0 8px 24px -8px rgba(16,18,27,.10);
  --shadow-lg:0 2px 4px rgba(16,18,27,.03),0 24px 48px -16px rgba(16,18,27,.18);
}
@media (prefers-color-scheme:dark){
  :root[data-app]:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#0b0d12; --bg-sub:#0e1117; --panel:#14171f; --panel-2:#181c25;
    --ink:#e9ebf1; --ink-2:#c3c8d4; --muted:#a2aaba; --faint:#8b93a3;
    --line:#242833; --line-2:#1d212a;
    --accent:#6ea9dd; --accent-strong:#87bce8; --accent-soft:#14273b; --accent-ink:#aed2ef;
    --brand-blue:#4a86c4; --brand-green:#5cc794; --brand-ink:#aed2ef; --on-accent:#0b1620;
    --ok:#54c78d; --ok-soft:#10241a; --ok-line:#1f4433;
  --panel-blur:rgba(14,17,23,.72); --panel-blur-solid:rgba(14,17,23,.9);
    --panel-blur:rgba(14,17,23,.72); --panel-blur-solid:rgba(14,17,23,.9);
    --warn:#dcaa4e; --warn-soft:#241d10; --warn-line:#453720;
    --err:#f0857c; --err-soft:#2a1513; --err-line:#4d2724;
    --shadow-sm:0 1px 2px rgba(0,0,0,.30);
    --shadow-md:0 1px 2px rgba(0,0,0,.30),0 8px 24px -8px rgba(0,0,0,.55);
    --shadow-lg:0 2px 4px rgba(0,0,0,.30),0 24px 48px -16px rgba(0,0,0,.70);
  }
}
/* The console's toggle writes data-theme; it must win in both directions. */
:root[data-app][data-theme="dark"]{
  --bg:#0b0d12; --bg-sub:#0e1117; --panel:#14171f; --panel-2:#181c25;
  --ink:#e9ebf1; --ink-2:#c3c8d4; --muted:#a2aaba; --faint:#8b93a3;
  --line:#242833; --line-2:#1d212a;
  --accent:#6ea9dd; --accent-strong:#87bce8; --accent-soft:#14273b; --accent-ink:#aed2ef;
  --brand-blue:#4a86c4; --brand-green:#5cc794; --brand-ink:#aed2ef; --on-accent:#0b1620;
  --ok:#54c78d; --ok-soft:#10241a; --ok-line:#1f4433;
  --panel-blur:rgba(14,17,23,.72); --panel-blur-solid:rgba(14,17,23,.9);
  --warn:#dcaa4e; --warn-soft:#241d10; --warn-line:#453720;
  --err:#f0857c; --err-soft:#2a1513; --err-line:#4d2724;
}
/* Navy wordmark artwork disappears on a dark background. */
:root[data-app][data-theme="dark"] .wordmark{filter:invert(1) brightness(1.9) saturate(.25)}
@media (prefers-color-scheme:dark){
  :root[data-app]:not([data-theme="light"]) .wordmark{filter:invert(1) brightness(1.9) saturate(.25)}
}