/* Design tokens overgenomen uit het origineel (docs/original, bron r.12-29). Licht en donker thema. */
:root{
  --bg:#eef1f4; --surface:#ffffff; --surface-2:#f5f7f9; --ink:#1a2230; --muted:#5b6778; --line:#d5dbe3;
  --accent:#1d3455; --accent-ink:#ffffff; --accent-soft:#e3e9f2; --brand-red:#d6282e; --warn:#9a5a06; --danger:#b2302a; --ok:#2f7a4f;
  --paper:#ffffff; --paper-ink:#161616; --paper-line:#c9c9c9;
  --f-ui:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-num:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --r:8px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#10151c; --surface:#171e27; --surface-2:#1d2530; --ink:#e3e8ef; --muted:#97a3b3; --line:#2b3542;
  --accent:#8fb0dc; --accent-ink:#0d1420; --accent-soft:#1f2b3b; --brand-red:#ef6a6e; --warn:#e0a449; --danger:#ec7d74; --ok:#6cc392;
  --paper:#fbfbf9; --paper-ink:#161616; --paper-line:#c9c9c9; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#10151c; --surface:#171e27; --surface-2:#1d2530; --ink:#e3e8ef; --muted:#97a3b3; --line:#2b3542;
  --accent:#8fb0dc; --accent-ink:#0d1420; --accent-soft:#1f2b3b; --brand-red:#ef6a6e; --warn:#e0a449; --danger:#ec7d74; --ok:#6cc392;
  --paper:#fbfbf9; --paper-ink:#161616; --paper-line:#c9c9c9; color-scheme:dark}