/* ========================================================================== Font override — loaded LAST in (after style.css). Goal: force the ENTIRE www site to render in the Inter font family, while KEEPING every element's original font-weight and font-size. How: we simply re-point the theme's font-family CSS variables to Inter. Everything (body text, paragraphs, links, nav, headings, buttons, footer) inherits from these, so it all switches to Inter automatically. Icon fonts (Font Awesome, bootstrap-icons, ki-duotone, ...) and monospace use their own hardcoded families, so they are left untouched. Fully reversible: remove the to this file in header.php (or delete this file) and everything falls back to the original "Space Grotesk". ========================================================================== */ /* Load Inter (self-contained so the override stays fully removable) */ @import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&display=swap'); :root { --gen-font-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --gen-body-font-family: var(--gen-font-sans-serif); /* Bootstrap 5 fallbacks in case any component reads the --bs-* vars */ --bs-body-font-family: var(--gen-font-sans-serif); --bs-font-sans-serif: var(--gen-font-sans-serif); } /* Safety net: anything that hardcodes the sans-serif family still gets Inter, without altering weight/size. Icons/monospace are unaffected. */ body { font-family: var(--gen-font-sans-serif); } /* -------------------------------------------------------------------------- AI Image Generator page only: keep the earlier "flat" look (normal 400 weight so headings/buttons match the intro paragraph). Remove this block if you want the AIG page to use its native heading weights like the rest of the site. -------------------------------------------------------------------------- */ main.aig-page h1, main.aig-page h2, main.aig-page h3, main.aig-page h4, main.aig-page h5, main.aig-page h6, main.aig-page button, main.aig-page .aig-btn-generate, main.aig-page .aig-label, main.aig-page .aig-acc-head, main.aig-page .aig-acc-head span, main.aig-page ~ footer.footer h1, main.aig-page ~ footer.footer h2, main.aig-page ~ footer.footer h3, main.aig-page ~ footer.footer h4, main.aig-page ~ footer.footer h5, main.aig-page ~ footer.footer h6 { font-weight: 400 !important; font-style: normal !important; }