:root
{
    --site-width: 1000px;
    --banner-height: 300px;
    --primary-font-color: #D3C6AA;
    --primary-font-color-alt: #9DA9A0;
    --primary-font: "Montserrat", "Roboto";
    --content-font: "Alegreya";
    --body-bg-color: #2D353B;
    --primary-bg-color: #56635F;
    --primary-bg-color-alt: #425047;
    --bg-red: #543A48;
    --fg-red: #E67E80;
    --primary-padding: 10px;
    --border-radius: 0px;
    /* --border-radius: 10px; */
    --a-color: #A7C080;
    --a-color-hover: #8DA101;
    --yellow: #DBBC7F;
    --box-shadow: 0px;
    /* --box-shadow: 3px 3px 5px 1px #000000; */
}

/* Everforest colours
 * Background 0: #2D353B;
 * Background 5: #56635F;
 * Background Green: #425047;
 * Background Red: #543A48;
 * Grey 0: #7A8478;
 * Grey 2: #9DA9A0;
 * Foreground: #D3C6AA;
 * Green: #A7C080;
 * Red: #E67E80;
 */

@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");
}