/* Mike's Woodwork — brand tokens Shared by every site variant and the Instagram kit. Colours sampled from the launch flyer. */ :root { /* Colour */ --bark: #1c0a07; /* deep chocolate brown — flyer footer, logo roundel */ --bark-2: #2e1710; /* lifted bark for panels on dark ground */ --pumpkin: #ee7203; /* primary orange — from the designer's logo sheet */ --pumpkin-2: #ff8a1f; /* lit face of the orange */ --rust: #b34517; /* burnt orange — logo sheet's fourth swatch; hover/pressed orange, rules */ --glow: #ffb27a; /* soft orange highlight / tint */ --maroon: #7a2530; /* the burgundy pumpkins (from the photos) */ --maroon-2: #41151d; /* shadow side of maroon */ --cream: #fcf1ee; /* logo sheet cream — a warm blush-white */ --cream-2: #f3e3da; /* deeper cream for cards on cream */ --white: #e9e4de; /* the pale-grey painted pumpkin colourway */ --wood: #c9b99a; /* weathered deck timber */ --twig: #6b6a58; /* branch-stalk grey-green */ --ink: var(--bark); /* Type Headlines: Young Serif (Google Fonts, single weight 400, no italic) — chunky, soft, handmade. Body: Gelica (Adobe Fonts kit owe1kmt — 200/300/400/700 + italics), Source Serif 4 as the fallback. Type A/B: switch.html sets data-type="a" on to compare Young Serif headlines. */ --font-display: "gelica", "Source Serif 4", Georgia, serif; /* Decided 2026-09-18: Gelica throughout */ --font-serif: "gelica", "Source Serif 4", "Iowan Old Style", Georgia, serif; --font-body-weight: 300; /* Gelica Light; 200 (Extra Light) is available for large quiet text */ --font-body-weight-strong: 700; --font-display-weight: 700; /* Rhythm */ --radius: 14px; --radius-lg: 28px; --measure: 62ch; --gutter: clamp(16px, 4vw, 48px); } /* The rejected alternative, kept so the switcher can still flip to it for comparison. */ :root[data-type="a"] { --font-display: "Young Serif", "Fraunces", Georgia, serif; --font-display-weight: 400; }