/* ============================================================
   WAARD COFFEE — LETTERTYPEN
   De pagina gebruikt twee namen:
     "Waard Heading"  -> koppen      (nu: Outfit Light, later evt. Gravis Text Light)
     "Waard Body"     -> lopende tekst (Montserrat)
   Ander koplettertype? Zet de bestanden in deze map en pas
   alleen de bestandsnamen hieronder aan. index.html hoeft niet te veranderen.
   De .woff-bestanden zijn verkleinde webversies (alleen Latijnse tekens);
   de .ttf staat erachter als reserve.
   ============================================================ */

/* ---- KOPPEN ---- */
@font-face {
  font-family: "Waard Heading";
  src: url("Outfit-Light.woff") format("woff"),
       url("Outfit-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Voorbeeld voor Gravis Text (na aankoop webfont-licentie):
@font-face {
  font-family: "Waard Heading";
  src: url("GravisText-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
*/

/* ---- LOPENDE TEKST ---- */
@font-face {
  font-family: "Waard Body";
  src: url("Montserrat-Regular.woff") format("woff"),
       url("Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Waard Body";
  src: url("Montserrat-Medium.woff") format("woff"),
       url("Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Waard Body";
  src: url("Montserrat-SemiBold.woff") format("woff"),
       url("Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}