:root
{
    --site-width: 1000px;
    --banner-height: 300px;
    --primary-font-color: #374646;
    --primary-font-color-alt: #9DA9A0;
    --primary-font: "Montserrat", "Roboto";
    --content-font: "Alegreya";
    /* --body-bg-color: #FDF6E3; */
    --body-bg-color: #BDC3AF;
    /* --primary-bg-color: #BDC3AF; */
    --primary-bg-color: #FDF6E3;
    --primary-bg-color-alt: #93B259;
    --bg-red: #E66868;
    --fg-red: #F82A2A;
    --primary-padding: 10px;
    /* --border-radius: 10px; */
    --border-radius: 0px;
    --a-color: #8DA101;
    --a-color-hover: #65B500;
    --yellow: #BF7800;
    /* --box-shadow: 3px 3px 5px 1px #000000; */
    --box-shadow: 0px;
}

/* Everforest colours
 * Background 0: #FDF6E3;
 * Background 5: #BDC3AF;
 * Background Green: #93B259;
 * Background Red: #E66868;
 * Grey 0: #7A8478;
 * Grey 2: #9DA9A0;
 * Foreground: #5C6A72;
 * Green: #8DA101;
 * Red: #F85552;
 * Yellow: #DFA000;
 */

@font-face
{
    font-family: "Alegreya";
    src: local("Alegreya"), url("Alegreya-VariableFont_wght.ttf");
}

@font-face
{
    font-family: "Montserrat";
    src: local("Montserrat"), url("Montserrat-VariableFont_wght.ttf");
}