/* Design tokens - colours, type, and the base reset every page shares. Pulled from the table design mockups (doc/plans/client-design-table.md) rather than invented separately, so the rest of the site reads as the same visual language the table itself was designed with. Google Fonts (Petrona, Source Sans 3) are linked from each page's own , not here - a stylesheet @import would cost an extra round trip the /preconnect pattern already avoids. */ * { box-sizing: border-box; } :root { --wood: oklch(0.21 0.028 55); --wood-panel: oklch(0.26 0.032 55); --wood-line: oklch(0.94 0.02 85 / 0.1); --baize: oklch(0.30 0.045 150); --baize-dark: oklch(0.25 0.04 150); /* Faded/desaturated baize for review screens (Scorecard) - chroma dropped hard, not just darkened, so a screen reads as "archived," never mistakable for the live table at a glance (see client-design-table.md's "The baize"). */ --baize-faded: oklch(0.27 0.012 150); --baize-faded-dark: oklch(0.23 0.01 150); --ink: oklch(0.94 0.02 85); --ink-dim: oklch(0.72 0.025 80); --ink-faint: oklch(0.56 0.02 80); --brass: oklch(0.74 0.11 80); --card-white: oklch(0.97 0.006 90); --card-red: oklch(0.53 0.19 25); --card-black: oklch(0.16 0 0); --card-back: oklch(0.68 0.05 50); --card-back-line: oklch(0.56 0.06 50); --font-serif: 'Petrona', serif; --font-sans: 'Source Sans 3', system-ui, sans-serif; } body { margin: 0; background: var(--wood); color: var(--ink); font-family: var(--font-sans); } a { color: var(--brass); }