/*
 * Zelf gehoste webfonts (Latijnse subset, afkomstig uit de @fontsource-
 * pakketten) in plaats van fonts.googleapis.com - zo is er nooit een extern
 * font-src in de Content-Security-Policy nodig en blijft de site werken op
 * een server zonder uitgaande toegang. Alleen de gewichten die de site
 * echt gebruikt: Poppins 400/500/600 en Amiri 700. Elke regel heeft
 * font-display: swap, dus tekst wacht nooit op het lettertype.
 * Paden zijn relatief aan dit bestand, zodat de site ook in een submap werkt.
 */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/poppins-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/poppins-500.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/poppins-600.woff2') format('woff2');
}

@font-face {
    font-family: 'Amiri';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/amiri-700.woff2') format('woff2');
}