/* First Day Online — design tokens. Fonts: Clash Display (Fontshare) + Inter (Google Fonts), loaded in the of every page. This file only declares variables. ▸ TO RE-COLOUR THE WHOLE SITE when the final logo arrives, change the two --brand lines below. Everything else follows automatically. */ :root { /* ── Brand accent — CHANGE THESE TWO LINES TO RE-COLOUR ── */ --brand: #C4361B; /* main accent */ --brand-ink: #C4361B; /* same accent when used on text (must pass WCAG AA on --bg) */ /* ── Backgrounds ────────────────────── */ --bg: #FFF4E8; --bg-white: #FFFFFF; --bg-soft: #FFFAF3; /* ── Ink ────────────────────────────── */ --ink: #1A1410; --ink-2: #6A5A4A; --ink-3: #8A7A6A; /* ── Accent aliases used throughout the CSS ── (kept under the historic names so the shared V3 stylesheets work unchanged across all four country sites) */ --coral: var(--brand); --coral-texto: var(--brand-ink); /* ── Decorative accents (shapes only, never text) ── */ --yellow: #FFD84D; --lila: #9B8AFB; --turquoise: #4ECDC4; /* ── Borders ────────────────────────── */ --border: #F0E0CD; /* ── Shape ──────────────────────────── */ --r-card: 16px; --r-pill: 100px; /* ── Type ───────────────────────────── */ --f-display: 'Clash Display', system-ui, sans-serif; /* headlines and big figures */ --f-sans: 'Inter', system-ui, -apple-system, sans-serif; /* body and UI */ /* ── Layout ─────────────────────────── */ --max-w: 1200px; --gutter: clamp(1.25rem, 4vw, 2.5rem); --section-py: clamp(4rem, 8vw, 7rem); --nav-h: 76px; }