/*
 * Self-hosted fonts. Plaats de bijbehorende .woff2 bestanden onder
 * frontend/public/fonts/ — zie FONTS.md.
 *
 * `font-display: swap` zorgt dat tekst meteen zichtbaar is in een fallback,
 * en zwemt zodra de webfont klaar is (geen FOIT).
 */

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: local("Plus Jakarta Sans"),
    url("/fonts/PlusJakartaSans-VariableFont_wght.woff2") format("woff2-variations"),
    url("/fonts/PlusJakartaSans-VariableFont_wght.woff2") format("woff2");
}

@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: local("Bricolage Grotesque"),
    url("/fonts/BricolageGrotesque-VariableFont_opsz,wdth,wght.woff2") format("woff2-variations"),
    url("/fonts/BricolageGrotesque-VariableFont_opsz,wdth,wght.woff2") format("woff2");
}