/* =====================================================================
   PROTO → CODE · design tokens
   Two layers on one sheet: the inked production layer carries every word
   and action; the non-photo-blue prototype layer (grid, construction lines,
   open questions) explains how it was built. See AGENTS.md before editing.
   Contrast (light, on --paper): ink 17.9:1 · graphite 6.0:1 · muted 5.0:1 ·
   pencil-text 5.0:1 · redline 5.3:1. Pencil (3.0:1) is never used for text.
   ===================================================================== */
:root{
  --paper:#F1F2EF; --sheet:#E4E6E2; --ink:#111315; --graphite:#565C63; --muted:#62686E;
  --rule:#D3D6D1; --rule-2:#B6BBB5;
  --pencil:#4F8FD6;      /* construction only: lines, grid, marks */
  --pencil-text:#2C68AE; /* the few blue labels people read: rev tags, PROTO in the wordmark */
  --redline:#B23A22;     /* review marks: what was found and fixed */
  --grid:rgba(79,143,214,.13);
  --carve:color-mix(in srgb,var(--ink) 34%,transparent); /* the footer city: line colour follows --ink, dark on light paper and light on dark */
  --carve-lo:rgba(17,19,21,.13); --carve-hi:rgba(255,255,255,.95); /* its carved edges: shaded upper-left, lit lower-right */
  --f-ui:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f-mono:"Red Hat Mono",ui-monospace,Menlo,Consolas,monospace;
  --rail-x:clamp(10px,1.6vw,24px);
  --pad:clamp(20px,5vw,72px);
  --max:1320px;
  --ease:cubic-bezier(.2,.7,.1,1);
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --paper:#111315; --sheet:#1A1D20; --ink:#ECEDEA; --graphite:#A9AFB5; --muted:#8C9299; --rule:#2A2E33; --rule-2:#3B4046;
  --pencil:#6FA8E8; --pencil-text:#8FBDF2; --redline:#F08066; --grid:rgba(111,168,232,.10);
  --carve-lo:rgba(0,0,0,.75); --carve-hi:rgba(255,255,255,.07); color-scheme:dark}}
:root[data-theme="dark"]{
  --paper:#111315; --sheet:#1A1D20; --ink:#ECEDEA; --graphite:#A9AFB5; --muted:#8C9299; --rule:#2A2E33; --rule-2:#3B4046;
  --pencil:#6FA8E8; --pencil-text:#8FBDF2; --redline:#F08066; --grid:rgba(111,168,232,.10);
  --carve-lo:rgba(0,0,0,.75); --carve-hi:rgba(255,255,255,.07); color-scheme:dark}