/* ============================================================
   LeadPixel — Webfonts
   ------------------------------------------------------------
   Families (family names match across both hosting modes, so
   the --font-* tokens in typography.css resolve identically):
   • Fraunces       → editorial optical serif, display + italics
                       (lower contrast than a Didone — readable,
                        keeps the editorial italic turn)
   • Hanken Grotesk  → quiet neutral grotesque for UI / body
   • JetBrains Mono  → data labels, eyebrows, code

   ── HOSTING TOGGLE ──────────────────────────────────────────
   Pick ONE of the two @import lines below.

   [A] GOOGLE-HOSTED (default — zero setup, great for design /
       iteration). Active now.

   [B] SELF-HOSTED (production — faster, offline, no third-party
       dependency). To switch: comment line [A], uncomment line
       [B], and drop the four .woff2 files into assets/fonts/
       (see assets/fonts/README.md for exact filenames).
   ============================================================ */

/* [A] Google-hosted ----------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400;1,9..144,500;1,9..144,600&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

/* [B] Self-hosted ------------------------------------------- */
/* @import url("fonts.self-hosted.css"); */