/* P-M2: Self-hosted brand fonts (public site).

   Replaces the render-blocking <link
   href="https://fonts.googleapis.com/css2?...&display=swap" /> in
   apps/site/index.html. Loaded via plain `<link rel="stylesheet"
   href="fonts.css">` so it sits in the same critical chain as
   styles.css. With this in place the page renders without a round-trip
   to googleapis.com / gstatic.com and CSP `font-src 'self'` is
   sufficient on its own.

   Subset (per audit P-M2):
     - Cormorant Garamond italic 300, 400
     - Archivo 400, 500, 600, 700
     - JetBrains Mono 400, 500

   The .woff2 files referenced below live under /fonts/ relative to
   this stylesheet. They ship from the @fontsource packages declared in
   apps/site/package.json devDependencies; run

     pnpm --filter @dalel/site run copy:fonts

   after `pnpm install` to populate apps/site/fonts/ (see
   scripts/copy-fonts.js). Until that script runs the @font-face will
   404 and the page will fall back to the system serif/sans/mono stack
   defined in styles.css — visually close, and crucially still
   non-blocking (font-display: swap means text always paints in the
   fallback first, then upgrades silently). */

/* ── Cormorant Garamond — display serif ───────────────────────────── */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/cormorant-garamond-300-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/cormorant-garamond-400-italic.woff2') format('woff2');
}

/* ── Archivo — body sans ──────────────────────────────────────────── */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/archivo-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/archivo-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/archivo-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/archivo-700.woff2') format('woff2');
}

/* ── JetBrains Mono — kickers + UI captions ───────────────────────── */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/jetbrains-mono-400.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/jetbrains-mono-500.woff2') format('woff2');
}