/* Doelsterk - zelf gehoste fonts (voorheen Google Fonts).
   Zelf hosten haalt de render-blocking derde-partij-CSS weg, waardoor de
   eerste paint niet meer op fonts.googleapis.com wacht (dat gaf blog-LCP-
   uitschieters tot 4s). DM Sans is een variabel font: één bestand voor alle
   gewichten. font-display:swap houdt hetzelfde gedrag als voorheen. */

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/dmsans-latin-var.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/dmmono-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/dmmono-latin-500.woff2') format('woff2');
}