/* KAHN Font Loading Strategy
 * 
 * Current: Google Fonts CDN (free fallbacks)
 * Production target: Self-hosted with local @font-face blocks
 * 
 * All fonts loaded with font-display: swap to prevent FOUT while
 * maintaining dynamic fallback chain defined in tokens.css.
 */

/* Fraunces (Display face)
 * Free: Google Fonts
 * Paid target: Söhne Breit (Klim foundry)
 * Weights needed: 400, 700
 */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,700&display=swap');

/* Source Serif 4 (Body serif)
 * Free: Google Fonts
 * Paid target: Tiempos Text (Klim foundry)
 * Weights needed: 400 (roman), 600 (bold), italic variants
 */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..72,400;0,8..72,600;1,8..72,400&display=swap');

/* JetBrains Mono (Monospace)
 * Free: Google Fonts
 * Paid target: Berkeley Mono (Klim foundry)
 * Weights needed: 400, 600
 */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,600;1,400&display=swap');

/* ========== SELF-HOSTING SWAP GUIDE ========== 
 *
 * When ready to self-host or use paid fonts, replace the three @import
 * statements above with @font-face blocks like the examples below.
 * 
 * Steps:
 * 1. Download or subset fonts using glyphhanger:
 *    glyphhanger "URL" --whitelist=basic-latin,latin-ext --formats=woff2
 * 
 * 2. Place .woff2 files in a fonts/ subdirectory (e.g., sites/shared/fonts/)
 * 
 * 3. Replace @import lines with @font-face blocks:
 *
 * @font-face {
 *   font-family: "Fraunces";
 *   src: url('/fonts/fraunces-400.woff2') format('woff2');
 *   font-weight: 400;
 *   font-display: swap;
 * }
 *
 * @font-face {
 *   font-family: "Fraunces";
 *   src: url('/fonts/fraunces-700.woff2') format('woff2');
 *   font-weight: 700;
 *   font-display: swap;
 * }
 *
 * @font-face {
 *   font-family: "Source Serif 4";
 *   src: url('/fonts/source-serif-4-400.woff2') format('woff2');
 *   font-weight: 400;
 *   font-style: normal;
 *   font-display: swap;
 * }
 *
 * @font-face {
 *   font-family: "Source Serif 4";
 *   src: url('/fonts/source-serif-4-400i.woff2') format('woff2');
 *   font-weight: 400;
 *   font-style: italic;
 *   font-display: swap;
 * }
 *
 * @font-face {
 *   font-family: "Source Serif 4";
 *   src: url('/fonts/source-serif-4-600.woff2') format('woff2');
 *   font-weight: 600;
 *   font-style: normal;
 *   font-display: swap;
 * }
 *
 * @font-face {
 *   font-family: "JetBrains Mono";
 *   src: url('/fonts/jetbrains-mono-400.woff2') format('woff2');
 *   font-weight: 400;
 *   font-display: swap;
 * }
 *
 * @font-face {
 *   font-family: "JetBrains Mono";
 *   src: url('/fonts/jetbrains-mono-600.woff2') format('woff2');
 *   font-weight: 600;
 *   font-display: swap;
 * }
 *
 * Then delete this @import-based section entirely.
 */