:root {
    --bg: #ffffff;
    --text: #222;
    --card-bg: #f6f6f6;
    --border: #ddd;
}

body.dark {
    --hero-image: url('images/darkplants.jpg');

    --body-color: black;
    --header-bg-color: ##052500;
    --main-color: #04170f;
    --secondary-color: #72946d;
    --mid-color: #1c331a;
    --text-color: white;
    --border: 2px solid #04170f;

    --button-text-color: white;

    --witch-button-image: url('witch.png');
    --skull-button-image: url('skull.png');

    --link-color-unvisited: #7474fc;
    --link-color-visited: #fa7afa;
    --link-color-active: #fa9191;
    --link-color-hover: orange;
}

body.light {

    --hero-image: url('images/sage\ \(2\).jpg');

    --body-color: white;
    --header-bg-color: #72946d;
    --main-color: #72946d;
    --secondary-color: #04170f;
    --mid-color: #accba7;
    --text-color: black;
    --border: 2px solid #1d3b51;

    --button-text-color: white;

    --witch-button-image: url('witch.png');
    --skull-button-image: url('skull.png');

    --link-color-unvisited: #0000FF;
    --link-color-visited: #800080;
    --link-color-active: #FF0000;
    --link-color-hover: #7d7def;
}