@font-face {
    font-family: EB Garamond;
    src: url("./Assets/Fonts/EBGaramond-Medium.woff") format('woff');
    font-weight: 500;
}

@font-face {
    font-family: Open Sans;
    src: url("./Assets/Fonts/OpenSans-Light.woff") format('woff');
    font-weight: 300 400;
}

:root {
    --zwart: rgba(25, 25, 25, 1);
    --wit50-wit: rgba(253, 253, 253, 1);
    --wit-100: rgba(239, 239, 239, 1);
    --wit-200: rgba(220, 220, 220, 1);
    --wit-300: rgba(189, 189, 189, 1);
    --wit-400: rgba(152, 152, 152, 1);
    --wit-500: rgba(124, 124, 124, 1);
    --wit-600: rgba(101, 101, 101, 1);
    --wit-700: rgba(82, 82, 82, 1);
    --wit-800: rgba(70, 70, 70, 1);
    --wit-900: rgba(61, 61, 61, 1);
    --wit-950: rgba(41, 41, 41, 1);
    --secundaire-kleur-groen50: rgba(242, 251, 248, 1);
    --secundaire-kleur-groen100: rgba(210, 245, 235, 1);
    --secundaire-kleur-groen200: rgba(164, 235, 214, 1);
    --secundaire-kleur-groen300: rgba(111, 217, 190, 1);
    --secundaire-kleur-groen400: rgba(65, 192, 163, 1);
    --secundaire-kleur-groen500: rgba(40, 164, 139, 1);
    --secundaire-kleur-groen600: rgba(29, 132, 113, 1);
    --secundaire-kleur-groen700: rgba(27, 106, 92, 1);
    --secundaire-kleur-groen800: rgba(26, 85, 75, 1);
    --secundaire-kleur-groen900-primary: rgba(21, 57, 51, 1);
    --secundaire-kleur-groen950: rgba(9, 42, 38, 1);
    --desktop-headings-h1-font-family: "EB Garamond", Helvetica;
    --desktop-headings-h1-font-weight: 500;
    --desktop-headings-h1-font-size: clamp(2rem, 1.6667rem + 1.4815vw, 3rem);
    --desktop-headings-h1-letter-spacing: 0px;
    --desktop-headings-h1-line-height: 130%;
    --desktop-headings-h1-font-style: normal;
    --desktop-headings-subtitle-font-family: "Open Sans", Helvetica;
    --desktop-headings-subtitle-font-weight: 600;
    --desktop-headings-subtitle-font-size: 20px;
    --desktop-headings-subtitle-letter-spacing: 0px;
    --desktop-headings-subtitle-line-height: 130%;
    --desktop-headings-subtitle-font-style: normal;
    --desktop-text-regular-body-text-font-family: "Open Sans", Helvetica;
    --desktop-text-regular-body-text-font-weight: 300;
    --desktop-text-regular-body-text-font-size: 18px;
    --desktop-text-regular-body-text-letter-spacing: 0px;
    --desktop-text-regular-body-text-line-height: 180%;
    --desktop-text-regular-body-text-font-style: normal;
    --desktop-button-button-font-family: "Open Sans", Helvetica;
    --desktop-button-button-font-weight: 400;
    --desktop-button-button-font-size: 18px;
    --desktop-button-button-letter-spacing: 0px;
    --desktop-button-button-line-height: 160%;
    --desktop-button-button-font-style: normal;
}