/** * Forge Font Pairs — typography identity via data-forge-font on . * Load after forge-design-tokens.css. Google font URLs are linked from HTML head. */ html[data-forge-font="plus-jakarta"], html:not([data-forge-font]) { --forge-font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, sans-serif; --forge-font-display: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; --forge-font-mono: ui-monospace, monospace; } html[data-forge-font="dm-sans-jetbrains"] { --forge-font-sans: "DM Sans", ui-sans-serif, system-ui, sans-serif; --forge-font-display: "DM Sans", ui-sans-serif, system-ui, sans-serif; --forge-font-mono: "JetBrains Mono", ui-monospace, monospace; } html[data-forge-font="fraunces-source"] { --forge-font-sans: "Source Sans 3", ui-sans-serif, system-ui, sans-serif; --forge-font-display: Fraunces, Georgia, serif; --forge-font-mono: ui-monospace, monospace; } html[data-forge-font="space-grotesk-inter"] { --forge-font-sans: Inter, ui-sans-serif, system-ui, sans-serif; --forge-font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif; --forge-font-mono: ui-monospace, monospace; } html[data-forge-font="literata-inter"] { --forge-font-sans: Inter, ui-sans-serif, system-ui, sans-serif; --forge-font-display: Literata, Georgia, serif; --forge-font-mono: ui-monospace, monospace; } html[data-forge-font="ibm-plex-full"] { --forge-font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif; --forge-font-display: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif; --forge-font-mono: "IBM Plex Mono", ui-monospace, monospace; } html[data-forge-font="syne-manrope"] { --forge-font-sans: Manrope, ui-sans-serif, system-ui, sans-serif; --forge-font-display: Syne, ui-sans-serif, system-ui, sans-serif; --forge-font-mono: ui-monospace, monospace; } .forge-title, h1, h2.forge-section-title { font-family: var(--forge-font-display, var(--forge-font-sans)); }