/* theme.css — one palette, one type scale, one set of widths.
   Every page had its own :root block, so the site carried four different greys and
   five different content widths. Moving between pages felt like moving between
   sites. Change a value here and it changes everywhere. */

/* --brand is the wordmark, every link, and the selection colour on the pages
   that predate v3 (/record, /how, /status, /privacy). It was #1d7f8c -- a teal,
   and teal was retired site-wide. v3.html was moved to purple at the time and
   these were missed, so the wordmark was a different colour depending on which
   page you were standing on. #5b4bd6 is the one in the design; #8d7dfa is the
   same hue lifted for dark, where #5b4bd6 does not carry against #0b0d10. */
:root{
  /* light */
  --bg:#fbfbfa; --panel:#ffffff; --panel2:#f4f4f2; --line:#e4e4e1;
  --ink:#14171a; --ink2:#3d444d; --mute:#858d99;
  --up:#1f8f52; --down:#c0392b; --amber:#a97c1e; --brand:#5b4bd6;
  --glow:rgba(31,143,82,.07);

  /* widths */
  --w-page:1100px;   /* tables, dashboards */
  --w-read:680px;    /* prose */
  --w-card:460px;    /* single-item views */

  --r:9px;           /* corner radius */
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  --sans:"Archivo",system-ui,-apple-system,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#0b0d10; --panel:#14171c; --panel2:#1a1e25; --line:#232830;
    --ink:#f2f4f7; --ink2:#aeb6c2; --mute:#6f7885;
    --up:#2fbf71; --down:#e2564d; --amber:#d9a441; --brand:#8d7dfa;
    --glow:rgba(47,191,113,.09);
  }
}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);
  -webkit-font-smoothing:antialiased;}
a{color:var(--brand);}
::selection{background:var(--brand);color:var(--bg);}