/* Single source of truth for the brand scale and typography. Loaded by index.html and privacy.html — do not duplicate these values per page. */ /* Brand scale — "Cielo Libre" (celeste). RGB triplets so Tailwind can apply opacity. */ :root { --brand-50: 240 249 255; --brand-100: 224 242 254; --brand-200: 186 230 253; --brand-300: 125 211 252; --brand-400: 56 189 248; --brand-500: 14 165 233; --brand-600: 2 132 199; --brand-700: 3 105 161; --brand-800: 7 89 133; --brand-900: 12 74 110; } /* Dark mode (not enabled yet): lighter brand steps read better on dark surfaces. When dark mode ships, toggle the `dark` class on and tune these — no component markup changes needed. */ .dark { --brand-50: 12 74 110; --brand-100: 7 89 133; --brand-200: 3 105 161; --brand-300: 2 132 199; --brand-400: 14 165 233; --brand-500: 56 189 248; --brand-600: 125 211 252; --brand-700: 186 230 253; --brand-800: 224 242 254; --brand-900: 240 249 255; } body { font-family: 'IBM Plex Sans', ui-sans-serif, system-ui, -apple-system, sans-serif; } h1, h2, h3, .font-display { font-family: 'Schibsted Grotesk', ui-sans-serif, system-ui, sans-serif; letter-spacing: -0.01em; }