/*
 * Self-hosted Outfit + Figtree.
 *
 * Why self-host? Google Fonts on Slow 4G costs:
 *   • TLS handshake to fonts.gstatic.com (~150ms even with preconnect)
 *   • Render-blocking CSS round-trip to fonts.googleapis.com (~250ms)
 *   • A network-dependent waterfall: CSS → woff2 → render
 *
 * Hosting the woff2 ourselves on the same origin as the HTML lets us:
 *   • <link rel="preload"> the actual font binary (not just a hint to a
 *     CSS that hints to a font binary)
 *   • Eliminate the fonts.googleapis + fonts.gstatic preconnects (frees
 *     2 of the 4 preconnect slots Lighthouse warned about)
 *   • Use font-display: optional so the H1 paints immediately in the
 *     fallback font and only swaps if Outfit lands within ~100ms — this
 *     kills the 0.090 hero CLS shift entirely
 *
 * Each family ships as TWO files (latin + latin-ext); the same woff2
 * binary serves every weight via Google's variable-font subsetting. The
 * files were pulled from the exact URLs that Google's CSS pointed to
 * on 2026-05-01 (see scripts/audit-image-cls.mjs notes).
 */

/* ---------- Outfit (display headings) ---------- */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600 900;
  font-display: optional;
  src: url('/fonts/outfit-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600 900;
  font-display: optional;
  src: url('/fonts/outfit-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ---------- Figtree (body) ---------- */
/* Body uses font-display: swap (not optional) because most copy is below
 * the fold — a brief swap there has zero CLS impact and we'd rather show
 * branded text after a beat than fall back permanently. */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/figtree-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/figtree-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}