/* h4p-fonts.css — de twee huisletters als echte webfonts.

   WAAROM DIT BESTAND BESTAAT

   De Wix-export verwijst naar zes custom-fontstacks, elk in de vorm
   `wfont_<a>_<b>, wf_<c>, orig_<naam>`:

     orig_glacial_indifference_regular   1672x
     orig_glacialindifferencebold          73x
     orig_glacial_indifference_italic      15x
     orig_amsterdam_four_ttf               10x
     orig_montserrat_regular                4x
     orig_amsterdam                         3x

   Die laden allemaal, maar via de MIDDELSTE naam (`wf_…`) — de eerste en de
   derde hebben nergens een @font-face. Belangrijker: Wix zet elke variant als
   een EIGEN familie op `font-weight: normal`. Glacial Bold is dus niet gewicht
   700 van Glacial, maar een aparte familie. Gevolg: `font-bold` op onze eigen
   Tailwind-componenten leverde een door de browser verzonnen schuine/vette
   versie op, niet de echte Glacial Bold.

   Hier staan de door de eigenaar aangeleverde bestanden onder één familienaam
   met echte gewichten en een echte cursief, plus aliassen op alle Wix-namen
   zodat ook de nog niet omgebouwde pagina's dezelfde letter krijgen.

   Paden zijn relatief aan dít bestand (site/assets/), dus `fonts/…` klopt zowel
   lokaal als in dist/ (waar het /assets/h4p-fonts.css wordt).

   `font-display: swap`: de tekst is meteen leesbaar in de fallback en wisselt om
   zodra de letter binnen is. `block` zou hier een lege pagina geven op een trage
   verbinding.

   NIET bewerken zonder de maten na te meten: Glacial is smaller dan Avenir, en
   de Wix-blokken die nog niet omgebouwd zijn hebben vaste pixelhoogtes.
*/

/* ---- Glacial Indifference: de huisletter voor body en koppen ---- */
@font-face {
  font-family: "Glacial Indifference";
  src: url("fonts/glacial-indifference-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Glacial Indifference";
  src: url("fonts/glacial-indifference-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Glacial Indifference";
  src: url("fonts/glacial-indifference-400-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* ---- Amsterdam: blijft staan, alleen voor de decoratieve koppen ---- */
@font-face {
  font-family: "Amsterdam";
  src: url("fonts/amsterdam-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Amsterdam Four";
  src: url("fonts/amsterdam-four-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ---- Aliassen op de Wix-namen ----
   De eerste naam in een Wix-stack (`wfont_…`) had nergens een @font-face en
   viel dus door naar de tweede. Door hem hier te definiëren pakt élke
   Wix-verwijzing hetzelfde bestand als onze eigen componenten, en is de site
   niet langer afhankelijk van de gehashte Wix-namen.

   De bold- en italic-stacks krijgen bewust gewicht/stijl `normal` mee: Wix zet
   daar `font-weight: normal` op en verwacht dat de familie zelf al vet is. */
@font-face {
  font-family: "wfont_0db6a8_7d9658992ed449eca90e138121827d8e";
  src: url("fonts/glacial-indifference-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "wfont_0db6a8_7d9658992ed449eca90e138121827d8e";
  src: url("fonts/glacial-indifference-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "wfont_000ada_9ea7aaf0e394462bad6b00f788bad1d2";
  src: url("fonts/glacial-indifference-700.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "wfont_000ada_62006f349368480cb6f98d4f10520c14";
  src: url("fonts/glacial-indifference-400-italic.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "wfont_48de77_17bd56a1c1d045dab7417fc756281535";
  src: url("fonts/amsterdam-400.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "wfont_48de77_865214d491f244a98c6ff81fb3877964";
  src: url("fonts/amsterdam-four-400.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}