:root {
    --paragraph__family: "Montserrat", "sans-serif";
    --paragraph__normal:  300;
    --paragraph__bold:    500;
    --headline__family:  "Quicksand", "sans-serif";
    --headline__weight:   500;

    --font-family-text: "Montserrat", sans-serif;
    --font-family-headline: "Quicksand", sans-serif;
    --font-weight-text-normal: 300;
    --font-weight-text-bold: 500;
    --font-weight-headline: 500;
}
@font-face {
    font-family: "Quicksand";
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url("fonts/Quicksand_500.woff2");
}
@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: url("fonts/Montserrat_300.woff2");
}
@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url("fonts/Montserrat_500.woff2");
}