/* THEME LIGHT */
:root {
  /* base */
  --color-text-base-white: #f7f7f7;
  --color-text-base-black: #333333;
  --color-text-grey-light: #cccccc;
  --color-text-grey-light-medium: #999999;
  --color-text-grey-medium: #777777;
  --color-text-grey-hard: #555555;
  --color-text-red: #e74347;
  --color-text-green: #3bc915;
  --color-text-blue: #25344c;
  --color-text-yellow: #ffec73;
  --color-text-orange: #ffa500;
  --color-border-grey-light: #ececec;
  --color-border-grey-medium: #dadada;
  --color-border-grey-hard: #cccccc;
  --color-bg-white: #fff;
  --color-bg-black: #333333;
  --color-bg-grey-light: #f7f7f7;
  --color-bg-grey-medium: #f5f5f5;
  --color-bg-grey-hard: #dadada;
  --color-bg-red: #e74347;
  --color-bg-blue: #c2cee1;
  --color-bg-yellow: #ffec73;
  /* base no invert */
  --color-black-noinvert: #000000;
  --color-white-noinvert: #ffffff;
  --color-text-base-white-noinvert: #f7f7f7;
  --color-text-base-black-noinvert: #333333;
  --color-text-grey-light-noinvert: #cccccc;
  --color-text-grey-light-medium-noinvert: #999999;
  --color-text-grey-medium-noinvert: #777777;
  --color-text-grey-hard-noinvert: #555555;
  --color-border-grey-light-noinvert: #ececec;
  --color-border-grey-medium-noinvert: #dadada;
  --color-border-grey-hard-noinvert: #cccccc;
  --color-bg-white-noinvert: #ffffff;
  --color-bg-black-noinvert: #333333;
  --color-bg-grey-light-noinvert: #f7f7f7;
  --color-bg-grey-medium-noinvert: #f5f5f5;
  --color-bg-grey-hard-noinvert: #dadada;
  /* link */
  --color-text-link-black: #333333;
  --color-text-link-title-black: #333333;
  --color-text-link-title-white: #f7f7f7;
  /* btn */
  --color-text-btn-white: #ffffff;
  /* item */
  --color-bg-item-white: #ffffff;
  /* cart */
  --color-bg-cart-icon-grey: #eeeeee;
  /* forms */
  --color-text-form-input-black: #333333;
  --color-bg-form-input-white: #ffffff;
  --color-bg-form-white: #fbfcfc;
  /* footer */
  --color-bg-footer-black: #323130;
  --color-bg-footer-white: #f7f7f7;
}
/* THEME DARK */
:root[data-theme="theme_dark"] {
  /* base */
  --color-text-base-white: #e0e0e0;
  --color-text-base-black: #f7f7f7;
  --color-text-grey-light: #555555;
  --color-text-grey-light-medium: #777777;
  --color-text-grey-medium: #cccccc;
  --color-text-grey-hard: #bbbbbb;
  --color-text-red: #e74347;
  --color-text-green: #3db71d;
  --color-text-blue: #25344c;
  --color-text-yellow: #f9e314;
  --color-text-orange: #ffa500;
  --color-border-white: #333333;
  --color-border-black: #e0e0e0;
  --color-border-grey-light: #333333;
  --color-border-grey-medium: #444444;
  --color-border-grey-hard: #555555;
  --color-bg-white: #1b1b1b;
  --color-bg-black: #f0f0f0;
  --color-bg-grey-light: #161616;
  --color-bg-grey-medium: #181818;
  --color-bg-grey-hard: #2c2c2c;
  /* personal */
  --color-bg-item-white: #222222;
  --color-text-link-black: #ececec;
  --color-text-link-title-black: #f7f7f7;
  /* cart */
  --color-bg-cart-icon-grey: #222222;
  /* forms */
  --color-text-form-input-black: #f7f7f7;
  --color-bg-form-input-white: #222222;
  --color-bg-form-white: #1b1b1b;
  /* footer */
  --color-bg-footer-black: #222222;
  --color-bg-footer-white: #222222;
}
html[data-theme="theme_dark"] #header .header-inner {
  background-color: var(--color-bg-item-white);
}
html[data-theme="theme_dark"] #header .header-inner .header-address__search-btn--dark {
  border-color: var(--main-template-color, #0088cc);
}
html[data-theme="theme_dark"] .theme-switcher__icon-light {
  display: none;
}
html[data-theme="theme_dark"] .theme-switcher__icon-dark {
  display: block;
}
html[data-theme="theme_dark"] .theme-switcher__button,
html[data-theme="theme_dark"] .header-doptop__vision-icon {
  filter: invert(0.9);
}
html[data-theme="theme_dark"] .form-slider-main__form {
  background: rgba(17, 17, 17, 0.7) !important;
}
html[data-theme="theme_dark"] .catalog-section__view-tile {
  filter: invert(0.9);
}
html[data-theme="theme_dark"] .catalog-section__view-list {
  filter: invert(0.9);
}
html[data-theme="theme_dark"] .catalog-section__view-price {
  filter: invert(0.9);
}
html[data-theme="theme_dark"] .section-map__contacts {
  background: rgba(17, 17, 17, 0.8);
}
html[data-theme="theme_dark"] .catalog-cart-link,
html[data-theme="theme_dark"] .wishlist-link {
  background-color: rgba(17, 17, 17, 0.7);
}
html[data-theme="theme_dark"] #header .header-inner .menu-line {
  border-color: var(--color-border-grey-light);
}
html[data-theme="theme_dark"] .head_slide {
  background-color: rgba(17, 17, 17, 0.8);
}