:root {
    --error-color: #ff0000;
    --error-hover-color: #d10000;
    --success-color: #008000;
    --warn-color: #ffa500;
    --glow-color: #e8a9c3;
    --disabled-color: #e8a9c3;

    --fail-color: indianred;
    --pass-color: darkseagreen;

    --primary: #f3538e;
    --primary-hover: #c3185d;

    --h1-color: #c8195f;
    --h2-color: #d61f68;
    --h3-color: #de2b73;
    --h4-color: #dd407f;
    --h5-color: #de548b;
    --h6-color: #df6897;
    --hr-color: #bdc3c7;
}

:root {
    --background-color: #f6f8f9;
    --color: #415462;

    --header-background-color: #fff0f4;
    --menu-background-color: #ffebf1;
    --sub-menu-background-color: #ffe5ed;
}


@media only screen and (prefers-color-scheme: dark) {
    :root {
        --background-color: #10181e;
        --color: #bbc6ce;

        --header-background-color: #17222b;
        --menu-background-color: #152028;
        --sub-menu-background-color: #141d24;
    }
}