/* ===================================================================== Beyonders — brand/display webfont (Darrell Flood / HAWTPIXEL). Use only via --font-beyonders / .font-brand for titles — never body text. Commercial product use requires a paid license from the designer. ===================================================================== */ @font-face { font-family: 'Beyonders'; src: url('/fonts/Beyonders.ttf') format('truetype'); font-weight: 400 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Beyonders'; src: url('/fonts/Beyonders-Italic.ttf') format('truetype'); font-weight: 400 900; font-style: italic; font-display: swap; } /* ===================================================================== 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"] { --font-body: var(--font-inter); --font-heading: var(--font-inter); } 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); } html[data-font-theme="dm-sans"] { --font-body: var(--font-dm-sans); --font-heading: var(--font-dm-sans); } html[data-font-theme="nunito-sans"] { --font-body: var(--font-nunito-sans); --font-heading: var(--font-nunito-sans); } html[data-font-theme="figtree"] { --font-body: var(--font-figtree); --font-heading: var(--font-figtree); } html[data-font-theme="public-sans"] { --font-body: var(--font-public-sans); --font-heading: var(--font-public-sans); } html[data-font-theme="plus-jakarta"] { --font-body: var(--font-plus-jakarta); --font-heading: var(--font-plus-jakarta); }