/* Font stacks A/B/C — self-hosted, subsetted WOFF2. Active stack is selected via data-font-stack="a|b|c" on . Only fonts referenced by the active stack get downloaded. */ /* === Stack A: IBM Plex === */ @font-face { font-family: 'IBM Plex Sans'; src: url('../fonts/plex-sans.woff2') format('woff2'); font-weight: 100 700; font-style: normal; font-display: swap; } @font-face { font-family: 'IBM Plex Mono'; src: url('../fonts/plex-mono.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } /* === Stack B: Space Grotesk + Public Sans + JetBrains Mono === */ @font-face { font-family: 'Space Grotesk'; src: url('../fonts/space-grotesk.woff2') format('woff2'); font-weight: 300 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Public Sans'; src: url('../fonts/public-sans.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; } @font-face { font-family: 'JetBrains Mono'; src: url('../fonts/jetbrains-mono.woff2') format('woff2'); font-weight: 100 800; font-style: normal; font-display: swap; } /* === Stack C: Figtree + JetBrains Mono === */ @font-face { font-family: 'Figtree'; src: url('../fonts/figtree.woff2') format('woff2'); font-weight: 300 700; font-style: normal; font-display: swap; } /* === Stack switching — overrides --font-* vars from base.css === */ [data-font-stack="a"] { --font-sans: 'IBM Plex Sans', system-ui, -apple-system, sans-serif; --font-mono: 'IBM Plex Mono', ui-monospace, monospace; --font-display: 'IBM Plex Sans', system-ui, -apple-system, sans-serif; } [data-font-stack="b"] { --font-sans: 'Public Sans', system-ui, -apple-system, sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, monospace; --font-display: 'Space Grotesk', system-ui, -apple-system, sans-serif; } [data-font-stack="c"] { --font-sans: 'Figtree', system-ui, -apple-system, sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, monospace; --font-display: 'Figtree', system-ui, -apple-system, sans-serif; }