body {
    --bg-color: #0000006c;
    --bg-color-scrolled: #000000aa;
    --bg-color-secret: rgba(0, 0, 0, 0.5);
    --bg-color-hover: rgba(172, 172, 172, 0.153);
    --cyan: rgb(91, 217, 255);
    --cyan-text-on-button: rgb(148, 230, 255);
    --light-cyan-text: rgb(158, 232, 255);
    --light-cyan: rgb(149, 230, 255);
    --even-lighter-cyan: rgb(156, 232, 255);
    --darker-cyan: rgb(4, 81, 104);
    --dark-cyan: rgb(80, 167, 193);
    --goofy-ahh-pink: rgb(255, 0, 191);
    --orange: rgb(242, 129, 0);
    --grey: rgb(156 163 175);
    --purple: rgb(172, 194, 240);
    --purple-hover: rgb(201, 221, 255);
    --cookie-text: #000;
    --cookie-background: #001e23;
    --table-border-color: white;
}

.light-mode {
    --bg-color: #d4d4d4a4;
    --bg-color-scrolled: #ffffffd0;
    --bg-color-secret: #ffffffff;
    --bg-color-hover: #ffffffe4;
    --cyan: rgb(0, 108, 141);
    --light-cyan-text: rgb(0, 43, 56);
    --light-cyan: rgb(0, 88, 116);
    --even-lighter-cyan: rgb(0, 63, 84);
    --darker-cyan: rgb(4, 81, 104);
    --dark-cyan: rgb(113, 222, 255);
    --goofy-ahh-pink: rgb(255, 0, 191);
    --orange: rgb(255, 183, 100);
    --grey: rgb(156 163 175);
    --purple: rgb(114, 147, 255);
    --purple-hover: rgb(135, 149, 255);
    --cookie-text: #000;
    background-image: url("background-light.svg");
    --cookie-background: #dbfaff;
    --table-border-color: black;
}