/* Colors */

:root,
[data-theme='light'] {
    --bg-color-black: #000000;

    --bg-color-light: #ffffff;
    --bg-color-dark: #261f1d;

    --bg-color-light-always: #ffffff;
    --bg-color-dark-always: #261f1d;

    --font-color-light: #ffffff;
    --font-color-dark: #261f1d;

    --font-color-light-always: #ffffff;
    --font-color-dark-always: #261f1d;

    --border-color-dark: #261f1d;
    --border-color-light: #ffffff;

    --border-color-grey: #e6e5e1;

    --border-color-dark-always: #261f1d;
    --border-color-light-always: #ffffff;

    --bg-color-grey: #eff1f1;

    --font-color-grey-always: #eff1f1;
    --font-color-grey-always-2: #b8bbb3;

    --color-adriatic: #2f5a8b;
    --color-amethyst: #312a37;
    --color-azure-blue: #bbd3ec;
    --color-bagdad-brow: #46341d;
    --color-bitter-chocolate: #2f2a1b;
    --color-bright-red: #c92929;
    --color-bright-white: #fffdf2;
    --color-candy-pink: #edc8cb;
    --color-china-white: #faf2d5;
    --color-citrine: #eebc32;
    --color-claret: #451f1f;
    --color-cobalt: #2f3a48;
    --color-cool-blue: #cdd8e3;
    --color-cool-grey: #eff1f1;
    --color-dark-grey: #5b5f51;
    --color-ebony-black: #261f1d;
    --color-emerald: #327a5f;
    --color-factory-yellow: #f3e033;
    --color-forest: #264326;
    --color-fuschia-pink: #b94982;
    --color-harvest: #ad985f;
    --color-ice-white: #fffcf7;
    --color-imperial-blue: #292d31;
    --color-levander: #b8aad0;
    --color-light-grey: #a1a1a1;
    --color-lockwood-green: #2b6a3f;
    --color-mandarin: #d4622a;
    --color-mid-green: #576946;
    --color-mist: #eae2cf;
    --color-natural: #fffef6;
    --color-new-blue: #7495b1;
    --color-nubuck-brown: #897152;
    --color-pale-grey: #f1eee5;
    --color-park-green: #add5ae;
    --color-pistachio: #dee9bb;
    --color-powder-green: #e1eedc;
    --color-pristine-white: #fffdf9;
    --color-purple: #55307f;
    --color-racing-green: #2d3a2e;
    --color-real-grey: #b8bbb3;
    --color-sapphire: #32337f;
    --color-scarlet: #812024;
    --color-smoke: #817e7d;
    --color-sorbet-yellow: #f1ec8e;
    --color-stone: #e0c7a3;
    --color-tabriz-blue: #2274b5;
    --color-turquoise: #4cadb0;
    --color-vellum-whie: #fef9ef;
    --color-white-frost: #f6fbfd;
    --color-marrs-green: #4baca5;
}

[data-theme='dark'] {
    --bg-color-light: #261f1d;
    --bg-color-dark: #fff;
    --font-color-light: #261f1d;
    --font-color-dark: #ffffff;
    --border-color-dark: #ffffff;
    --border-color-light: #261f1d;
    --border-color-grey: #261f1d;
    --bg-color-grey: #000;
}

.bg-adriatic {
    background-color: #2f5a8b;
}
.bg-amethyst {
    background-color: #312a37;
}
.bg-azure-blue {
    background-color: #bbd3ec;
}
.bg-bagdad-brow {
    background-color: #46341d;
}
.bg-bitter-chocolate {
    background-color: #2f2a1b;
}
.bg-bright-red {
    background-color: #c92929;
}
.bg-bright-white {
    background-color: #fffdf2;
}
.bg-candy-pink {
    background-color: #edc8cb;
}
.bg-china-white {
    background-color: #faf2d5;
}
.bg-citrine {
    background-color: #eebc32;
}
.bg-claret {
    background-color: #451f1f;
}
.bg-cobalt {
    background-color: #2f3a48;
}
.bg-cool-blue {
    background-color: #cdd8e3;
}
.bg-cool-grey {
    background-color: #eff1f1;
}
.bg-dark-grey {
    background-color: #5b5f51;
}
.bg-ebony-black {
    background-color: #261f1d;
}
.bg-emerald {
    background-color: #327a5f;
}
.bg-factory-yellow {
    background-color: #f3e033;
}
.bg-forest {
    background-color: #264326;
}
.bg-fuschia-pink {
    background-color: #b94982;
}
.bg-harvest {
    background-color: #ad985f;
}
.bg-ice-white {
    background-color: #fffcf7;
}
.bg-imperial-blue {
    background-color: #292d31;
}
.bg-levander {
    background-color: #b8aad0;
}
.bg-light-grey {
    background-color: #a1a1a1;
}
.bg-lockwood-green {
    background-color: #2b6a3f;
}
.bg-mandarin {
    background-color: #d4622a;
}
.bg-mid-green {
    background-color: #576946;
}
.bg-mist {
    background-color: #eae2cf;
}
.bg-natural {
    background-color: #fffef6;
}
.bg-new-blue {
    background-color: #7495b1;
}
.bg-nubuck-brown {
    background-color: #897152;
}
.bg-pale-grey {
    background-color: #f1eee5;
}
.bg-park-green {
    background-color: #add5ae;
}
.bg-pistachio {
    background-color: #dee9bb;
}
.bg-powder-green {
    background-color: #e1eedc;
}
.bg-pristine-white {
    background-color: #fffdf9;
}
.bg-purple {
    background-color: #55307f;
}
.bg-racing-green {
    background-color: #2d3a2e;
}
.bg-real-grey {
    background-color: #b8bbb3;
}
.bg-sapphire {
    background-color: #32337f;
}
.bg-scarlet {
    background-color: #812024;
}
.bg-smoke {
    background-color: #817e7d;
}
.bg-sorbet-yellow {
    background-color: #f1ec8e;
}
.bg-stone {
    background-color: #e0c7a3;
}
.bg-tabriz-blue {
    background-color: #2274b5;
}
.bg-turquoise {
    background-color: #4cadb0;
}
.bg-vellum-whie {
    background-color: #fef9ef;
}
.bg-white-frost {
    background-color: #f6fbfd;
}
.bg-marrs-green {
    background-color: #4baca5;
}

.adriatic {
    background-color: #2f5a8b;
}
.amethyst {
    background-color: #312a37;
}
.azure-blue {
    background-color: #bbd3ec;
}
.bagdad-brow {
    background-color: #46341d;
}
.bitter-chocolate {
    background-color: #2f2a1b;
}
.bright-red {
    background-color: #c92929;
}
.bright-white {
    background-color: #fffdf2;
}
.candy-pink {
    background-color: #edc8cb;
}
.china-white {
    background-color: #faf2d5;
}
.citrine {
    background-color: #eebc32;
}
.claret {
    background-color: #451f1f;
}
.cobalt {
    background-color: #2f3a48;
}
.cool-blue {
    background-color: #cdd8e3;
}
.cool-grey {
    background-color: #eff1f1;
}
.dark-grey {
    background-color: #5b5f51;
}
.ebony-black {
    background-color: #261f1d;
}
.emerald {
    background-color: #327a5f;
}
.factory-yellow {
    background-color: #f3e033;
}
.forest {
    background-color: #264326;
}
.fuschia-pink {
    background-color: #b94982;
}
.harvest {
    background-color: #ad985f;
}
.ice-white {
    background-color: #fffcf7;
}
.imperial-blue {
    background-color: #292d31;
}
.levander {
    background-color: #b8aad0;
}
.light-grey {
    background-color: #a1a1a1;
}
.lockwood-green {
    background-color: #2b6a3f;
}
.mandarin {
    background-color: #d4622a;
}
.mid-green {
    background-color: #576946;
}
.mist {
    background-color: #eae2cf;
}
.natural {
    background-color: #fffef6;
}
.new-blue {
    background-color: #7495b1;
}
.nubuck-brown {
    background-color: #897152;
}
.pale-grey {
    background-color: #f1eee5;
}
.park-green {
    background-color: #add5ae;
}
.pistachio {
    background-color: #dee9bb;
}
.powder-green {
    background-color: #e1eedc;
}
.pristine-white {
    background-color: #fffdf9;
}
.purple {
    background-color: #55307f;
}
.racing-green {
    background-color: #2d3a2e;
}
.real-grey {
    background-color: #b8bbb3;
}
.sapphire {
    background-color: #32337f;
}
.scarlet {
    background-color: #812024;
}
.smoke {
    background-color: #817e7d;
}
.sorbet-yellow {
    background-color: #f1ec8e;
}
.stone {
    background-color: #e0c7a3;
}
.tabriz-blue {
    background-color: #2274b5;
}
.turquoise {
    background-color: #4cadb0;
}
.vellum-whie {
    background-color: #fef9ef;
}
.white-frost {
    background-color: #f6fbfd;
}
.marrs-green {
    background-color: #4baca5;
}