/* ============================================================
Currant — Font loading
Load FIRST, before tokens.css.
Strategy (per decision 2026-06-07):
• Body / data / code faces → Google Fonts CDN (free, well-cached).
• Display face = Recoleta → LICENSED + self-hosted (INSTALLED in
assets/fonts/). Recoleta is commercial and not on Google Fonts, so it
is served from our own files via the @font-face rules below. Fraunces
remains in the CSS stack only as a graceful fallback.
PERFORMANCE NOTE: @import is convenient but render-blocking. For best
Lighthouse scores, instead put the Google Fonts tags in the HTML
(with preconnect) and keep only the Recoleta @font-face here.
The HTML version is provided at the bottom of this file as a comment.
============================================================ */
/* --- Google Fonts: Inter, Geist, IBM Plex Sans, IBM Plex Mono, Fraunces --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');
/* --- Recoleta (licensed, self-hosted) --- INSTALLED 2026-06-07.
Files live in ../assets/fonts/ (woff2 + woff fallback). Weights: 400/500/600/700. */
@font-face {
font-family: "Recoleta";
src: url('../assets/fonts/Recoleta-Regular.woff2') format('woff2'),
url('../assets/fonts/Recoleta-Regular.woff') format('woff');
font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Recoleta";
src: url('../assets/fonts/Recoleta-Medium.woff2') format('woff2'),
url('../assets/fonts/Recoleta-Medium.woff') format('woff');
font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Recoleta";
src: url('../assets/fonts/Recoleta-SemiBold.woff2') format('woff2'),
url('../assets/fonts/Recoleta-SemiBold.woff') format('woff');
font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Recoleta";
src: url('../assets/fonts/Recoleta-Bold.woff2') format('woff2'),
url('../assets/fonts/Recoleta-Bold.woff') format('woff');
font-weight: 700; font-style: normal; font-display: swap;
}
/* ------------------------------------------------------------
RECOMMENDED HTML-HEAD VERSION (delete the @import above if you use this):
(Keep the @font-face Recoleta rules here in fonts.css regardless.)
------------------------------------------------------------ */