/* ════════════════════════════════════════════════════════════════════════ 00-fonts · Self-hosted Geist / Geist Mono (must load before 00-tokens-base) ──────────────────────────────────────────────────────────────────────── Replaces the Google Fonts stylesheet that used to sit in . That link was a render-blocking request to an origin that is unreachable from mainland China: the request does not fail fast, it hangs until the browser's own timeout, so first paint stalled for every visitor there. Same-origin woff2 has no such failure mode. Files: assets/fonts/*.woff2, copied verbatim from the `geist` npm package (v1.7.2, SIL OFL 1.1 — assets/fonts/LICENSE.txt). Exactly the five weights DESIGN.md §4.1/§4.2 allows — Geist 400/500/600, Geist Mono 400/500. Adding a weight means copying one more file here AND declaring it below; anything not declared silently synthesises (faux-bold) instead of failing loudly. `font-display: swap` matches the old Google Fonts `&display=swap` query, so text paints immediately in the fallback face and reflows when Geist lands — unchanged perceived behaviour, minus the foreign origin. ════════════════════════════════════════════════════════════════════════ */ @font-face { font-family: 'Geist'; font-style: normal; font-weight: 400; font-display: swap; src: url('../assets/fonts/Geist-Regular.woff2') format('woff2'); } @font-face { font-family: 'Geist'; font-style: normal; font-weight: 500; font-display: swap; src: url('../assets/fonts/Geist-Medium.woff2') format('woff2'); } @font-face { font-family: 'Geist'; font-style: normal; font-weight: 600; font-display: swap; src: url('../assets/fonts/Geist-SemiBold.woff2') format('woff2'); } @font-face { font-family: 'Geist Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('../assets/fonts/GeistMono-Regular.woff2') format('woff2'); } @font-face { font-family: 'Geist Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url('../assets/fonts/GeistMono-Medium.woff2') format('woff2'); }