/* ==========================================================================
   fonts.css — self-contained type for the demo pages

   These pages used to pull Plus Jakarta Sans, Space Grotesk, IBM Plex Mono,
   Fraunces and Inter from fonts.googleapis.com. Every visit handed the
   visitor's IP address and user-agent to Google before any consent — the
   issue a German court (LG Munchen I, Jan 2022) awarded damages over, and an
   undisclosed cross-border transfer under the DPDP Act.

   This file removes that call. Each family resolves in three steps:
     1. local()   — use the real face if the visitor already has it installed
     2. url()     — use a self-hosted copy, if you have run tools/fetch-demo-fonts.sh
     3. fallback  — a system stack chosen to match the metrics closely

   The pages look right today with steps 1 and 3 alone. Run the fetch script
   to get step 2 and pixel-exact parity with the old Google-served version.
   ========================================================================== */

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: local('Plus Jakarta Sans'),
       url('../fonts/plus-jakarta-sans-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: local('Space Grotesk'),
       url('../fonts/space-grotesk-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: local('IBM Plex Mono'),
       url('../fonts/ibm-plex-mono-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: local('Fraunces'),
       url('../fonts/fraunces-latin.woff2') format('woff2');
}

/* Inter is already self-hosted by the main site — reuse those files rather
   than shipping a second copy. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../assets/fonts/inter-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../assets/fonts/inter-latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../assets/fonts/inter-latin-700-normal.woff2') format('woff2');
}