:root {
    /* defining color variables */
    --color-primary: #f0f0f0;  
    --color-secondary: #665A48;
    --color-header: #C8DBBE;
    --color-light-text: #EDE4E0;
    --color-dark-text: black;
    --color-accent: #C8DBBE;

    /* defining font variables */
    --header-font: "Newsreader", serif;
    --header-weight: 500;
    
    --text-font: "Inter", sans-serif;
}

body.dark-mode {
    /* swap the light and dark text/background tones */
    --color-primary: #3f3f3f;
    --color-secondary: #EDE4E0;
    --color-header: #665A48;
    --color-light-text: black;
    --color-dark-text: #EDE4E0;
    --color-accent: #A3B18A;
}