:root {
    --accent-color: #12325d;
    --accent-color2: #12315d;
    --dark-color: #122c51;
    --light-color: #193a67;
    --accent-color3: #19498b;
    --accent-color4: #33609f;
    --lighter-color: #00b9ff;
    --orange-color: #ffc000;
}
body.color-blue {
    --accent-color: #12325d;
    --accent-color2: #12315d;
    --dark-color: #122c51;
    --light-color: #193a67;
    --accent-color3: #19498b;
    --accent-color4: #33609f;
    --lighter-color: #00b9ff;
    --orange-color: #ffc000;
}
body.color-pink {
    --accent-color: #86004a;
    --accent-color2: #7c104b;
    --dark-color: #69033b;
    --light-color: #9b1d62;
    --accent-color3: #97185d;
    --accent-color4: #db509d;
    --lighter-color: #ef4fa6;
}
body.color-orange {
    --accent-color: #db5b00;
    --accent-color2: #e3640a;
    --dark-color: #c35304;
    --light-color: #f3751b;
    --accent-color3: #f26907;
    --accent-color4: #ec7623;
    --lighter-color: #fa7e26;
}
body.color-green {
    --accent-color: #024b01;
    --accent-color2: #145613;
    --dark-color: #033502;
    --light-color: #1b9919;
    --accent-color3: #0e702b;
    --accent-color4: #0e702b;
    --lighter-color: #06aa04;
}