/* tokens.css – the ONLY file you edit to retheme. Light is default; dark follows the OS.
   Palette: clean blue / slate. Text pairs are chosen for WCAG AA (4.5:1+). */
:root{
  --font-sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;

  --bg:#f3f6fb;--surface:#ffffff;--sky:#e8effc;
  --ink:#0b1f3a;--ink-soft:#3f526a;--line:#d3dce8;
  --link:#1d4ed8;--btn:#1d4ed8;--btn-hover:#163aa8;--on-btn:#ffffff;

  --navy:#0b2545;--on-navy:#eef4fc;--on-navy-soft:#bccbe1;

  --shadow-sm:0 1px 2px rgba(11,37,69,.08);
  --shadow-md:0 12px 30px rgba(11,37,69,.14);
  --radius:14px;--radius-sm:8px;
  --space:clamp(3rem,7vw,5.5rem);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0a1424;--surface:#12233b;--sky:#18304f;--ink:#eaf1fb;--ink-soft:#b3c4da;--line:#27405f;
    --link:#8fb3ff;--btn:#3b6df0;--btn-hover:#2f5ad6;
    --shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 12px 30px rgba(0,0,0,.45);
  }
}
:root[data-theme="dark"]{
  --bg:#0a1424;--surface:#12233b;--sky:#18304f;--ink:#eaf1fb;--ink-soft:#b3c4da;--line:#27405f;
  --link:#8fb3ff;--btn:#3b6df0;--btn-hover:#2f5ad6;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 12px 30px rgba(0,0,0,.45);
}