/* ===================================================================== Per-font-theme overrides — applied via . Selector is `html[data-font-theme]` (not the bare attribute selector themes.css uses for colors) so this wins over theme.css's :root defaults on specificity alone, regardless of load order — themes.css instead relies on loading alphabetically after theme.css, which is fragile; this file doesn't need that assumption. ===================================================================== */ html[data-font-theme="inter"] { /* Mirrors :root defaults — explicit for clarity when data-font-theme is set */ } html[data-font-theme="geist"] { --font-body: var(--font-geist); --font-heading: var(--font-geist); } html[data-font-theme="manrope"] { --font-body: var(--font-manrope); --font-heading: var(--font-manrope); } html[data-font-theme="outfit"] { --font-body: var(--font-outfit); --font-heading: var(--font-outfit); } html[data-font-theme="ibm-plex"] { --font-body: var(--font-ibm-plex); --font-heading: var(--font-ibm-plex); } html[data-font-theme="source-sans"] { --font-body: var(--font-source-sans); --font-heading: var(--font-source-sans); } html[data-font-theme="atkinson"] { --font-body: var(--font-atkinson); --font-heading: var(--font-atkinson); }