/* ============================================================ ASK Studio — tokens.css SINGLE SOURCE OF TRUTH for design tokens. Loaded first on every page (before style.css / guide.css / works.css) so the homepage and the catalogue/guide estate can never drift apart again. Edit a value ONCE, here. History: the homepage (style.css) and the subpages (guide.css) used to carry separate :root blocks whose values diverged — --ink-2 0.62 vs 0.55, --ink-3 0.56 vs 0.32 (~2.4:1, failed AA), --pad, radii. Unified here 2026-07 to the higher-contrast set. ============================================================ */ :root { --bg: #0e0d0b; /* warm near-black */ --paper: #e9e4d8; /* aged paper (light theme ground) */ --ink: #e8e2d6; /* primary text on dark */ --ink-2: rgba(232, 226, 214, 0.62); /* secondary text */ --ink-3: rgba(232, 226, 214, 0.56); /* tertiary text — AA-safe (~5:1) */ --accent: #b99a64; /* champagne bronze (dark theme) */ --accent-2:#6f8a86; /* sea-glass teal — shadows/vignettes only, never type */ --line: rgba(232, 226, 214, 0.16); /* hairline rules */ --serif: "Fraunces", "Times New Roman", serif; --sans: "Archivo", "Helvetica Neue", Arial, sans-serif; --ease: cubic-bezier(0.65, 0.05, 0, 1); --ease-soft: cubic-bezier(0.4, 0, 0.2, 1); --pad: clamp(20px, 4vw, 64px); --theme-t: 0.9s; /* geometry — one radius scale for the whole system */ --r: 2px; /* media, cards, inputs */ --r-pill: 999px; /* pills, chips, round buttons */ } /* Paper theme — the homepage flips to .on-paper mid-scroll. Subpages don't use it today, but keeping it here means the token set is complete and portable to any page that opts in. */ body.on-paper { --bg: #e9e4d8; --ink: #17130e; --ink-2: rgba(23, 19, 14, 0.66); --ink-3: rgba(23, 19, 14, 0.62); --accent:#7d5d28; /* paper accent — AA on cream */ --line: rgba(23, 19, 14, 0.18); }