/* ==========================================
   ROUNDAL — SELF-HOSTED FONTS
   ========================================== */

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter-variable.woff2') format('woff2');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: 'Sora';
    src: url('../fonts/sora-variable.woff2') format('woff2');
    font-style: normal;
    font-weight: 100 800;
    font-display: swap;
}

/* Fontvariabelen */
:root {
    --font-body: 'Inter', Arial, sans-serif;
    --font-heading: 'Sora', Arial, sans-serif;
}

/* Algemene tekst */
body,
button,
input,
select,
textarea {
    font-family: var(--font-body);
}

/* Titels */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
}