/* Arklive design tokens. Ledger paper: pale rule lines, deep teal for anything held, copper for anything to watch, brick for anything wrong. Every tool imports this first. Don't redefine these locally — extend them. */ :root{ /* surface */ --paper: #F1F3EE; --paper-alt: #E7EBE5; --paper-card: #FFFFFF; --rule: #C1CFC9; /* ink */ --ink: #14211D; --ink-soft: #55675F; --ink-lift: #24352E; /* pressed/hover state of an ink surface */ /* semantic — these carry meaning, not decoration. seal = locked, healthy, constrained amber = watch it flag = free to move, thin, broken, wrong Measured against every surface these sit on — paper, card and paper-alt. Worst case of the three, all clearing WCAG AA (4.5:1) for body text: seal 8.1:1 · amber 4.6:1 · flag 5.9:1 · ink 13.8:1 · ink-soft 5.0:1 Amber is the tight one: it was drawn a shade deeper than a display copper so it still passes on paper-alt. Lighten it and it fails. */ --seal: #0F4C4A; --amber: #945B0A; --flag: #A32C1C; /* type */ --font-display: "IBM Plex Sans Condensed", system-ui, sans-serif; --font-body: "IBM Plex Serif", Georgia, serif; --font-data: "IBM Plex Mono", ui-monospace, monospace; /* scale */ --pad: clamp(16px, 3vw, 34px); --gap: 14px; --rule-w: 1px; } /* ── ROLLBACK ────────────────────────────────────────────────────────── Everything replaced in the refresh is kept below, inert, behind an attribute. To restore the original look, add the attribute to the tag of any page — nothing else needs touching: original navy / oxblood pre-bento mobile stacking Both may be set at once. Remove the attribute to return to current. The layout rollback lives with the layout rules it undoes: in this file at the foot, and in each tool's own