/* ========================================================================== SITE-WIDE FONT UNIFICATION One font family for the whole site: Inter. Loaded LAST in (see includes/head.php) so it wins over Tailwind utility classes and any component CSS. Emphasis/headings use font-WEIGHT (400 regular, 600 semibold, 700 bold), never a different font family. Code / DNS record / raw-header blocks intentionally keep their monospace font (JetBrains Mono) for alignment — they are not touched here. ========================================================================== */ :root { --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; /* --font-mono is deliberately NOT redefined — code/records stay monospace. */ } /* Global default on the root/body — everything inherits from here. */ html, body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important; } /* Tailwind's sans/serif font utilities (and any custom font-inter class) map to Inter. `.font-mono` is intentionally left alone so code blocks stay monospace. */ .font-sans, .font-serif, .font-inter { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important; } /* Form controls and third-party widgets default to their own system font — make them inherit the page font instead. */ button, input, select, textarea, optgroup { font-family: inherit !important; }