/* ===========================
   Titillium Web – lokaal
   =========================== */
@font-face{
  font-family:"Titillium Web";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("../fonts/titillium/titillium-web-v19-latin-regular.woff2") format("woff2");
}
@font-face{
  font-family:"Titillium Web";
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url("../fonts/titillium/titillium-web-v19-latin-600.woff2") format("woff2");
}
/* Map 700 -> gebruik de 600-file */
@font-face{
  font-family:"Titillium Web";
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url("../fonts/titillium/titillium-web-v19-latin-600.woff2") format("woff2");
}

/* (optioneel) basis stack */
html, body{
  font-family:"Titillium Web", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* ===========================
   Font Awesome 5 – lokaal
   Minimal set: solid (+brands optioneel)
   =========================== */
@font-face{
  font-family:"Font Awesome 5 Free";
  font-style:normal;
  font-weight:900; /* solid */
  font-display:block; /* voorkomt icoon-knipperen */
  src:url("../fonts/fa/fa-solid-900.woff2") format("woff2");
}

/* Brands alleen als je ze gebruikt – anders dit blok weglaten
@font-face{
  font-family:"Font Awesome 5 Brands";
  font-style:normal;
  font-weight:400;
  font-display:block;
  src:url("../fonts/fa/fa-brands-400.woff2") format("woff2");
}
*/

/* Compat-klassennamen (FA5) */
.fa, .fas { font-family:"Font Awesome 5 Free"; font-weight:900; }
/* .fab { font-family:"Font Awesome 5 Brands"; font-weight:400; } */