/* ============================================================================ DESIGN TOKENS — single source of truth for the whole site. Loaded in every page before other stylesheets. To rebrand the site, change the values here ONCE. No build step needed — this is a static file served straight from /public. Previously this :root block was copy-pasted into 11 separate CSS files. ============================================================================ */ /* Self-hosted Inter (variable, covers weights 100-900). Replaces the earlier setup where "Inter" was named in CSS but never actually loaded, so most visitors fell back to system-ui. */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/inter/inter-variable.woff2') format('woff2'); } :root { /* Brand */ --primary: #10b981; /* the site accent — change this to rebrand */ --primary-dark: #0d9c6f; /* Neutrals / surfaces */ --bg: #f7f8fb; --surface: #ffffff; --surface-2: #f2f4f8; --text: #0f172a; --muted: #5b6474; --border: #e5e7eb; --dark: #0b1220; --dark-2: #111827; /* Elevation */ --shadow: 0 20px 60px rgba(15, 23, 42, 0.08); --shadow-lg: 0 30px 90px rgba(15, 23, 42, 0.12); /* Shape */ --radius: 20px; --radius-lg: 28px; /* Layout */ --container: 1240px; }