:root {
    --accent-color: #aacfff;
    --accent-color2: #12315d;
    --dark-color: #122c51;
    --light-color: #193a67;
    --accent-color3: #19498b;
    --accent-color4: #33609f;
    --lighter-color: #00b9ff;
    --orange-color: #ffc000;
    --bg-color: #091e3e;
}
body.color-blue {
    --accent-color: #8fbfff;
    --accent-color2: #12315d;
    --dark-color: #122c51;
    --light-color: #193a67;
    --accent-color3: #19498b;
    --accent-color4: #33609f;
    --lighter-color: #00b9ff;
    --orange-color: #ffc000;
    --bg-color: #091e3e;
}
body.color-purple {
    --accent-color: #ff71bf;
    --accent-color2: #7c104b;
    --dark-color: #69033b;
    --light-color: #9b1d62;
    --accent-color3: #97185d;
    --accent-color4: #db509d;
    --lighter-color: #ef4fa6;
    --bg-color: #7c42da;
}
body.color-orange {
    --accent-color: #ffb783;
    --accent-color2: #e3640a;
    --dark-color: #c35304;
    --light-color: #f3751b;
    --accent-color3: #f26907;
    --accent-color4: #ec7623;
    --lighter-color: #fa7e26;
    --bg-color: #f67234;
}
body.color-green {
    --accent-color: #488b47;
    --accent-color2: #145613;
    --dark-color: #033502;
    --light-color: #1b9919;
    --accent-color3: #0e702b;
    --accent-color4: #0e702b;
    --lighter-color: #06aa04;
    --bg-color: #367d39;
}