@font-face {
    font-family: montserrat_medium;
    font-display: swap;
    src: url(/fonts/montserrat_medium.ttf) format('truetype');
}

@font-face {
    font-family: montserrat_light;
    font-display: swap;
    src: url(/fonts/montserrat_light.ttf) format('truetype');
}

@font-face {
    font-family: Perpetua-Titling-Mt-Light;
    font-display: swap;
    src: url(/fonts/Perpetua-Titling-Mt-Light.ttf) format('truetype');
}

@font-face {
    font-family: Perpetua-Titling-Mt-Regular;
    font-display: swap;
    src: url(/fonts/Perpetua-Titling-Mt-Regular.ttf) format('truetype');
}

@font-face {
    font-family: JosefinSans-SemiBold;
    font-display: swap;
    src: url(/fonts/JosefinSans-SemiBold.ttf) format('truetype');
}

:root {
    --font-primary: 'montserrat_medium';
    --font-secondary: 'montserrat_light';
    --font-tertiary: 'Perpetua-Titling-Mt-Light';
    --font-quaternary: 'Perpetua-Titling-Mt-Regular';
    --font-quinary: 'JosefinSans-SemiBold';
}