/* * Colour read off the live Squarespace site's theme variables in site.css and * converted from HSL. None of these values is invented. * --ground hsl(0, 0%, 0%) * --type hsl(60, 4.35%, 95.49%) * --accent hsl(349.09, 82.5%, 52.94%) 4.84:1 on pure black * --grey hsl(0, 0%, 21.96%) * The ground is pure black deliberately. See spec §5 before changing it. */ :root { --ground: #000000; --type: #F4F4F3; --accent: #EA2448; --grey: #383838; /* * Extended neutrals. Tasks 6-14 needed finer text- and surface-hierarchy * steps than the four base tokens alone give (a hairline reads differently * from a border, muted meta text from body text), so every task from Nav * onward introduced literal hex greys as it went, each one legitimate on * its own but never registered anywhere. Task 16's whole-site colour audit * is what actually surfaced them all at once: 14 distinct colours in the * built CSS, not 4. All ten of these are achromatic (no rogue hue sneaked * in alongside them, which is what the audit is actually guarding * against), so registering them here is the "add it to tokens.css... so * every addition is a decision rather than a drift" the audit's own * comment asks for, rather than a silent one. * Two families: near-black surfaces/borders, and muted text. */ --surface-1: #141414; --surface-2: #171717; --surface-3: #1E1E1E; --surface-4: #232323; --surface-5: #2A2A2A; --surface-6: #3D3D3D; --text-quiet: #6E6E6C; --text-muted: #9A9A97; --text-dim: #B9B8B5; --text-soft: #C9C8C5; /* Type scale. Display sizes are fluid; the article measure is fixed at ~68ch. */ --step-quote: clamp(30px, 4.6vw, 64px); --step-quote-long: clamp(24px, 3.7vw, 50px); --step-title: clamp(30px, 4.4vw, 52px); --step-section: clamp(22px, 2.6vw, 34px); --step-body: 19px; --step-meta: 13px; --leading-tight: 1.01; --leading-body: 1.72; --tracking-display: -0.035em; --measure: 68ch; --gutter: 8vw; } /* * Cross-document view transitions, CSS only. Spec §8 asks for native View * Transitions between routes; this is the native form and costs no JavaScript, * which is what lets article pages stay script-free. Browsers without support * navigate instantly, which §8 names as the accepted fallback. */ @view-transition { navigation: auto; } *, *::before, *::after { box-sizing: border-box; } html { background: var(--ground); -webkit-text-size-adjust: 100%; } body { margin: 0; background: var(--ground); color: var(--type); font-family: var(--font-display), system-ui, sans-serif; font-weight: 500; -webkit-font-smoothing: antialiased; } img, svg, video { display: block; max-width: 100%; } a { color: inherit; } /* * Every "Book an intro call" control is a