/* ═══════════════════════════════════════════════════════════════
   cite0 · font imports
   ───────────────────────────────────────────────────────────────
   One place to load every brand typeface. Both the landing page
   and the engine UI link this file (or its synced copy) BEFORE
   tokens.css so the @font-face declarations resolve in time for
   the var(--font-*) lookups.

   Three families. Each one job. Don't add a fourth without
   updating DESIGN.md and tokens.yaml.
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght,SOFT@9..144,300..900,0..100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap');

/* Self-host instructions (when we move off Google Fonts):
   1. Download .woff2 files for Fraunces variable, Inter (300/400/500/600/700/800),
      JetBrains Mono (400/500/600) into /design/assets/fonts/
   2. Replace the three @import lines above with @font-face blocks.
   3. Set font-display: swap.
   The semantic tokens in tokens.css don't need to change. */