:root {
    --text-color: black;
    --body-background-color: #f0f2f5;
    --div-background-color: white;
    --border: 1px solid lightgrey;

    --input: white;
    --button-txt: black;
    --button-bg: #f0f2f5;
    --button-bg-hover: rgba(149, 225, 211, 0.77);

    --scrollbar-track: #eeeff1;
    --scrollbar-thumb: #e0e1e4;
    --scrollbar-thumb-hover: #b6b7b9;
    --snowflake-url: url("./Global/images/snowflake.png");
    --selection: rgba(149, 225, 211, 0.77);
}


body.dark {
    --text-color: rgba(255, 255, 255, 0.7);
    --body-background-color: #242526;
    --div-background-color: #2a2c2d;

    --border: 1px solid rgb(69, 66, 66);

    --input: #232526;
    --button-txt: white;
    --button-bg: #242526;
    --button-bg-hover: #343536;

    --div-hover: #242526;
    --scrollbar-track: #343536;
    --scrollbar-thumb: #191a1b;
    --scrollbar-thumb-hover: #b6b7b9;
    --snowflake-background-color: transparent;
    --snowflake-url: url("./Global/images/snowflake-image.png");
    --selection: rgba(149, 225, 211, 0.77);
}