/* Moved to Russell's Shared Signal 2.0 palette and type (Magic Patterns v38),
   16 October 2026: Inter, his Tailwind slate and brand blues, his grade colours
   with D darkened to yellow-700 for contrast. Token names unchanged, so every
   page that reads them moves with this block. See /ss2.css for the shell.

   Palette, type and page frame. Shared by the feed and every reading page —
   one place, so a grade colour cannot mean two different things on two pages.

   Ported to Russell's palette, 5 October 2026 (open item 1). The token NAMES
   are unchanged on purpose: every rule in feed.html, reading.html,
   install.html, admin.html and the legal pages already reads them, so remapping
   the values moves the whole site across without touching a single rule. The
   front door's own tokens live at the top of index.html and are the source
   these were derived from.

   Russell's palette is light-only, so the dark variant below is derived from
   his hues rather than invented from scratch: his ink as the surface, his
   signal and violet lightened for text. Every pairing was checked against
   WCAG AA at the sizes it is actually used. */
:root{
  --ground:#FFFFFF; --surface:#fff; --sunk:#F8FAFC;
  --ink:#0F172A; --ink-2:#475569; --ink-3:#64748B;
  --rule:#E2E8F0; --rule-2:#F1F5F9;
  --brand:#0A5CF5; --brand-soft:#EFF5FF; --cyan:#0891B2;
  --gA:#047857; --gB:#1D4ED8; --gC:#64748B; --gD:#A16207; --gF:#B91C1C;
  --gA-bg:#ECFDF5; --gB-bg:#EFF6FF; --gC-bg:#F1F5F9; --gD-bg:#FEFCE8; --gF-bg:#FEF2F2;
  --shadow:0 1px 2px rgba(15,23,42,.05);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ground:#0B1220; --surface:#121C2E; --sunk:#182438;
  --ink:#E7EDF7; --ink-2:#AFBDD2; --ink-3:#8294AE;
  --rule:#27364E; --rule-2:#1E2B40;
  --brand:#8CB6F2; --brand-soft:#16284A; --cyan:#A99BF5;
  --gA:#5cc79a; --gB:#63cc9f; --gC:#94a0b4; --gD:#e0ac62; --gF:#e88a78;
  --gA-bg:#123024; --gB-bg:#123024; --gC-bg:#1e232e; --gD-bg:#2d2314; --gF-bg:#331c17;
  --shadow:0 1px 2px rgba(0,0,0,.5), 0 10px 28px -20px rgba(0,0,0,.9);
}}
:root[data-theme="dark"]{
  --ground:#0B1220; --surface:#121C2E; --sunk:#182438;
  --ink:#E7EDF7; --ink-2:#AFBDD2; --ink-3:#8294AE;
  --rule:#27364E; --rule-2:#1E2B40;
  --brand:#8CB6F2; --brand-soft:#16284A; --cyan:#A99BF5;
  --gA:#5cc79a; --gB:#63cc9f; --gC:#94a0b4; --gD:#e0ac62; --gF:#e88a78;
  --gA-bg:#123024; --gB-bg:#123024; --gC-bg:#1e232e; --gD-bg:#2d2314; --gF-bg:#331c17;
  --shadow:0 1px 2px rgba(0,0,0,.5), 0 10px 28px -20px rgba(0,0,0,.9);
}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16.5px;line-height:1.62;-webkit-font-smoothing:antialiased}
.wrap{max-width:54rem;margin:0 auto;padding-inline:20px}
a{color:var(--brand);text-underline-offset:2px}
a:focus-visible,button:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}