/* ==========================================================================
   AISalarischeck.nl — Self-hosted fonts
   ==========================================================================
   Open Sans (body) + Poppins (koppen), Latin-subset, vanaf eigen domein.

   Waarom self-hosted i.p.v. Google Fonts CDN:
   - AVG: Google ziet het IP-adres van bezoekers niet meer (geen consent nodig).
   - Sneller: geen externe DNS-lookup/TLS-handshake → betere LCP.
   - CSP strakker: geen fonts.googleapis.com / fonts.gstatic.com nodig.

   font-display: swap → tekst direct zichtbaar met fallback, wisselt om zodra
   het webfont binnen is (voorkomt FOIT). Bestanden uit @fontsource:
   npm i -D @fontsource/open-sans @fontsource/poppins (woff2 mee-gecommit).

   Gewichten exact afgestemd op main.css: Open Sans 400/600/700,
   Poppins 600/700/800.
   ========================================================================== */


/* ── Open Sans ──────────────────────────────────────────────────────────── */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/fonts/open-sans/open-sans-latin-400-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/static/fonts/open-sans/open-sans-latin-600-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/static/fonts/open-sans/open-sans-latin-700-normal.woff2') format('woff2');
}


/* ── Poppins ────────────────────────────────────────────────────────────── */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/static/fonts/poppins/poppins-latin-600-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/static/fonts/poppins/poppins-latin-700-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/static/fonts/poppins/poppins-latin-800-normal.woff2') format('woff2');
}