/*!
 * Self-hosted brand fonts — Archivo + Source Serif 4
 *
 * Replaces the previous external <link> to fonts.googleapis.com that
 * was being blocked by our production Content Security Policy
 * (`style-src 'self' 'unsafe-inline'` — no third-party origins). The
 * two files in this directory are the LATIN-subset variable fonts
 * downloaded from Google Fonts on 2026-05-24 (Archivo v25, Source
 * Serif 4 v14). Both are released under the SIL Open Font License
 * (free to redistribute).
 *
 * Why self-hosted (not Google-hosted):
 *   - No CSP exception needed — both files are same-origin.
 *   - No third-party request → faster first paint (no DNS lookup
 *     for fonts.gstatic.com, no extra TLS handshake).
 *   - No third-party tracking — fonts.googleapis.com sets cookies
 *     and logs requests for analytics.
 *   - Cache lives on our CloudFront, not Google's — invalidation
 *     and TTL under our control.
 *
 * Total cost: ~157 KB of font bytes (35 KB Archivo + 122 KB Source
 * Serif 4), cached forever as immutable assets via /static/ path.
 * Tradeoff: ~157 KB of bandwidth on first load per new visitor in
 * exchange for the four wins above. Worth it.
 *
 * Variable fonts: a single .woff2 covers every weight from 400
 * (regular) to 700 (bold) for Archivo, and 400–600 for Source
 * Serif 4 (with the additional `opsz` axis for optical size
 * adjustment 8 pt → 60 pt). The browser picks the right rendering
 * automatically based on the `font-weight` / `font-size` properties
 * the cascade resolves to.
 *
 * Latin subset only — if we ever need Vietnamese / extended Latin
 * coverage, download the additional subsets from Google Fonts (same
 * URL pattern) and add another @font-face block with the matching
 * unicode-range descriptor.
 */

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400 700;          /* variable axis covers all four weights */
  font-stretch: 100%;
  font-display: swap;             /* show fallback immediately; swap to Archivo when ready */
  src: url('/static/fonts/archivo-latin-variable.woff2') format('woff2');
}

@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400 600;          /* variable axis covers 400 / 500 / 600 */
  font-stretch: 100%;
  font-display: swap;
  src: url('/static/fonts/source-serif-4-latin-variable.woff2') format('woff2');
}