:root {
  --bg-link: #000000;
  --txt-link: #ffffff;
  --bg-link-hover: #cccccc;
  --txt-link-hover: #222222;
  --bg-link-active: #ffffff;
  --txt-link-active: #000000;
  --bg-span: #ffffff;
  --txt-span: #000000;
  --bg-span-hover: #222222;
  --txt-span-hover: #cccccc;
  --bg-span-active: #000000;
  --txt-span-active: #ffffff;
  --btn-bg-b: #000000;
  --btn-txt-b: #ffffff;
  --btn-bg-h: #ffffff;
  --btn-txt-h: #000000;
  --btn-bg-a: #000000;
  --btn-txt-a: #ffffff;
}

:root,
.path-shop,
.white-theme {
  --txt-color: #000000;
  --txt-color-invert: #ffffff;
  --bg-color: #ffffff;
  --clear-bg: rgba(255, 255, 255, 0.5);
  --clear-bg-hover: rgba(255, 255, 255, 0.8);
  --clear-bg-invert: rgba(0, 0, 0, 0.5);
  --clear-bg-invert-hover: rgba(0, 0, 0, 0.8);
  --bg-primary-section: #ffffff;
  --bg-secondary-section: #000000;
  --bg-tertiary-section: #333333;
  --bg-primary-opacity: 0.3;
  --bg-secondary-opacity: 0.7;
  --bg-tertiary-opacity: 0.6;
  --txt-primary-section: #000000;
  --txt-secondary-section: #ffffff;
  --txt-tertiary-section: #cccccc;
  --txt-white-section: #000000;
  --bg-white-section: #ffffff;
  --bg-white-shadow: rgba(0,0,0,0.5);
  --txt-black-section: #ffffff;
  --bg-black-section: #000000;
  --bg-black-shadow: rgba(255,255,255,0.5);
  --txt-gray-section: #eeeeee;
  --bg-gray-section: #333333;
  --bg-gray-shadow: rgba(100,100,100,0.5);
  --txt-l-gray-section: #333333;
  --bg-l-gray-section: #eeeeee;
  --bg-secondary: #eeeeee;
  --color-main: #000000;
  --color-invert: #ffffff;
  --link-txt-main: #ffffff;
  --link-txt-invert: #000000;
}

.black-theme {
  --txt-color: #ffffff;
  --txt-color-invert: #ffffff;
  --bg-color: #000000;
  --clear-bg: rgba(0, 0, 0, 0.5);
  --clear-bg-hover: rgba(0, 0, 0, 0.8);
  --clear-bg-invert: rgba(255, 255, 255, 0.5);
  --clear-bg-invert-hover: rgba(255, 255, 255, 0.8);
  --bg-primary-section: #000000;
  --bg-secondary-section: #ffffff;
  --bg-tertiary-section: #c7c7c7;
  --bg-primary-opacity: 0.7;
  --bg-secondary-opacity: 0.3;
  --bg-tertiary-opacity: 0.4;
  --txt-primary-section: #ffffff;
  --txt-secondary-section: #000000;
  --txt-tertiary-section: #333333;
  --txt-white-section: #ffffff;
  --bg-white-section: #000000;
  --bg-white-shadow: rgba(255,255,255,0.5);
  --txt-black-section: #000000;
  --bg-black-section: #ffffff;
  --txt-gray-section: #111111;
  --bg-gray-section: #eeeeee;
}

.black {
  --color-main: #ffffff;
  --color-invert: #000000;
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

.path-shop,
.white {
  --color-main: #000000;
  --color-invert: #ffffff;
  --link-txt-main: #ffffff;
  --link-txt-invert: #000000;
}

/* BLUE */
.blue {
  --color-main: rgb(22, 22, 184);
  --color-invert: rgb(233, 233, 71);
  --link-txt-main: #ffffff;
  --link-txt-invert: #000000;
}

.blue.black-theme {
  --color-main: rgb(208, 146, 9);
  --color-invert: rgb(0 111 255);
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

/* BURGUNDY */
.burgundy {
  --color-main: rgb(128, 0, 32);
  --color-invert: rgb(127, 255, 223);
  --link-txt-main: #ffffff;
  --link-txt-invert: #000000;
}

.burgundy.black-theme {
  --color-main: rgb(127, 255, 223);
  --color-invert: rgb(14, 6, 8);
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

/* CYAN */
.cyan {
  --color-main: rgb(0, 180, 180);
  --color-invert: rgb(255, 75, 75);
  --link-txt-main: #ffffff;
  --link-txt-invert: #ffffff;
}

.cyan.black-theme {
  --color-main: rgb(255, 75, 75);
  --color-invert: rgb(0, 180, 180);
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

/* DARK BLUE */
.dark-blue {
  --color-main: rgb(10, 30, 90);
  --color-invert: rgb(245, 225, 165);
  --link-txt-main: #ffffff;
  --link-txt-invert: #000000;
}

.dark-blue.black-theme {
  --color-main: rgb(245, 225, 165);
  --color-invert: rgb(10, 30, 90);
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

/* DARK RED */
.dark-red {
  --color-main: rgb(110, 0, 0);
  --color-invert: rgb(145, 255, 255);
  --link-txt-main: #ffffff;
  --link-txt-invert: #000000;
}

.dark-red.black-theme {
  --color-main: rgb(145, 255, 255);
  --color-invert: rgb(110, 0, 0);
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

/* DARK VIOLET */
.dark-violet {
  --color-main: rgb(70, 0, 90);
  --color-invert: rgb(185, 255, 165);
  --link-txt-main: #ffffff;
  --link-txt-invert: #000000;
}

.dark-violet.black-theme {
  --color-main: rgb(185, 255, 165);
  --color-invert: rgb(70, 0, 90);
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

/* GRAY */
.gray {
  --color-main: rgb(120, 120, 120);
  --color-invert: rgb(135, 135, 135);
  --link-txt-main: #ffffff;
  --link-txt-invert: #ffffff;
}

.gray.black-theme {
  --color-main: rgb(135, 135, 135);
  --color-invert: rgb(120, 120, 120);
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

/* GREEN */
.green {
  --color-main: rgb(0, 130, 0);
  --color-invert: rgb(255, 125, 255);
  --link-txt-main: #ffffff;
  --link-txt-invert: #000000;
}

.green.black-theme {
  --color-main: rgb(255, 125, 255);
  --color-invert: rgb(0, 130, 0);
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

/* LIGHT BLUE */
.light-blue {
  --color-main: rgb(100, 160, 255);
  --color-invert: rgb(155, 95, 0);
  --link-txt-main: #ffffff;
  --link-txt-invert: #ffffff;
}

.light-blue.black-theme {
  --color-main: rgb(155, 95, 0);
  --color-invert: rgb(100, 160, 255);
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

/* LIGHT GREEN */
.light-green {
  --color-main: rgb(140, 230, 140);
  --color-invert: rgb(115, 25, 115);
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

.light-green.black-theme {
  --color-main: rgb(115, 25, 115);
  --color-invert: rgb(140, 230, 140);
  --link-txt-main: #ffffff;
  --link-txt-invert: #000000;
}

/* LIGHT ORANGE */
.light-orange {
  --color-main: rgb(255, 180, 90);
  --color-invert: rgb(0, 75, 165);
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

.light-orange.black-theme {
  --color-main: rgb(0, 75, 165);
  --color-invert: rgb(255, 180, 90);
  --link-txt-main: #ffffff;
  --link-txt-invert: #000000;
}

/* LIGHT VIOLET */
.light-violet {
  --color-main: rgb(200, 160, 255);
  --color-invert: rgb(55, 95, 0);
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

.light-violet.black-theme {
  --color-main: rgb(55, 95, 0);
  --color-invert: rgb(200, 160, 255);
  --link-txt-main: #ffffff;
  --link-txt-invert: #000000;
}

/* MAGENTA */
.magenta {
  --color-main: rgb(200, 0, 130);
  --color-invert: rgb(55, 255, 125);
  --link-txt-main: #ffffff;
  --link-txt-invert: #000000;
}

.magenta.black-theme {
  --color-main: rgb(55, 255, 125);
  --color-invert: rgb(200, 0, 130);
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

/* MAROON */
.maroon {
  --color-main: rgb(128, 0, 0);
  --color-invert: rgb(127, 255, 255);
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

.maroon.black-theme {
  --color-main: rgb(127, 255, 255);
  --color-invert: rgb(128, 0, 0);
  --link-txt-main: #ffffff;
  --link-txt-invert: #000000;
}

/* OCRE */
.ocre {
  --color-main: rgb(204, 119, 34);
  --color-invert: rgb(51, 136, 221);
  --link-txt-main: #ffffff;
  --link-txt-invert: #ffffff;
}

.ocre.black-theme {
  --color-main: rgb(51, 136, 221);
  --color-invert: rgb(204, 119, 34);
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

/* ORANGE */
.orange {
  --color-main: rgb(255, 140, 0);
  --color-invert: rgb(0, 115, 255);
  --link-txt-main: #ffffff;
  --link-txt-invert: #ffffff;
}

.orange.black-theme {
  --color-main: rgb(0, 115, 255);
  --color-invert: rgb(255, 140, 0);
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

/* PINK */
.pink {
  --color-main: rgb(255, 110, 180);
  --color-invert: rgb(0, 145, 75);
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

.pink.black-theme {
  --color-main: rgb(0, 145, 75);
  --color-invert: rgb(255, 110, 180);
  --link-txt-main: #ffffff;
  --link-txt-invert: #000000;
}

/* RED */
.red {
  --color-main: #b40000;
  --color-invert: #4bffff;
  --link-txt-main: #ffffff;
  --link-txt-invert: #000000;
}

.red.black-theme {
  --color-main: #4bffff;
  --color-invert: #b40000;
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

/* TURQUOISE */
.turquoise {
  --color-main: rgb(64, 224, 208);
  --color-invert: rgb(191, 31, 47);
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

.turquoise.black-theme {
  --color-main: rgb(191, 31, 47);
  --color-invert: rgb(64, 224, 208);
  --link-txt-main: #ffffff;
  --link-txt-invert: #000000;
}

/* VIOLET */
.violet {
  --color-main: rgb(140, 0, 200);
  --color-invert: rgb(115, 255, 55);
  --link-txt-main: #ffffff;
  --link-txt-invert: #000000;
}

.violet.black-theme {
  --color-main: rgb(115, 255, 55);
  --color-invert: rgb(140, 0, 200);
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

/* YELLOW */
.yellow {
  --color-main: rgb(255, 210, 0);
  --color-invert: rgb(0, 45, 255);
  --link-txt-main: #000000;
  --link-txt-invert: #ffffff;
}

.yellow.black-theme {
  --color-main: rgb(0, 45, 255);
  --color-invert: rgb(255, 210, 0);
  --link-txt-main: #ffffff;
  --link-txt-invert: #000000;
}

.black,
.blue,
.burgundy,
.cyan,
.dark-blue,
.dark-red,
.dark-violet,
.gray,
.green,
.light-blue,
.light-green,
.light-orange,
.light-violet,
.magenta,
.maroon,
.ocre,
.orange,
.pink,
.red,
.turquoise,
.violet,
.white,
.yellow {
  --bg-link-hover: var(--color-invert);
  --txt-link-hover: var(--link-txt-invert);
  --bg-link-active: var(--color-main);
  --txt-link-active: var(--link-txt-main);
  --bg-span-hover: var(--link-txt-invert);
  --txt-span-hover: var(--link-txt-main);
  --bg-span-active: var(--link-txt-main);
  --txt-span-active: var(--link-txt-invert);
}
/*# sourceMappingURL=color.css.map */