:root {
    --font-default: "Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    --font-default-italics: "Libre Franklin Italics", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    --font-heading: "Raleway", "Arial Narrow", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    --font-heading-article: "Sumana", Georgia, "Times New Roman", Times, serif;
}

/* rgb(28, 27, 34); rgb(15 15 51) rgb(48, 49, 52) */

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-display: swap;
    src: url("/fonts/Raleway-Regular.woff2") format("woff2");
}

@font-face {
    font-family: 'Sumana';
    font-style: normal;
    font-display: swap;
    src: url("/fonts/Sumana-Regular.woff2") format("woff2");
}

/* @font-face {
    font-family: 'Libre Franklin';
    font-style: normal;
    font-display: swap;
    src: url("/fonts/LibreFranklin-Medium.ttf") format("truetype");
} */

@font-face {
    font-family: 'Libre Franklin';
    font-style: normal;
    font-display: swap;
    src: url("/fonts/LibreFranklin-VariableFont_weight.ttf") format("truetype");
}

@font-face {
    font-family: 'Libre Franklin Italics';
    font-style: normal;
    font-display: swap;
    src: url("/fonts/LibreFranklin-Italic-VariableFont_weight.ttf") format("truetype");
}