/* 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;

  --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;}