/* Основные цвета фона и текста */
.header--color_colored {
  background-color: #9e9e9e;
  background-color: var(--theme-base-color);
}

.color-theme {
  color: #9e9e9e;
  color: var(--theme-base-color);
}

/* Стили при наведении */
@media (hover: hover) {
  .color-theme-hover-no-active:not(.active):hover,
  .color-theme-hover:hover,
  .color-theme-parent-all:hover .color-theme-target,
  .color-theme-parent:hover > .color-theme-target {
    color: #9e9e9e;
    color: var(--fill_dark_lite_hover);
  }

  .bg-theme-hover:hover,
  .bg-theme-parent-hover:hover .bg-theme-target {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
  }

  .bg-theme-parent-hover:hover .bg-theme-target.btn-transparent-border {
    color: #fff;
  }

  .bg-theme-white-hover:hover,
  .bg-theme-white-parent-hover:hover .bg-theme-target {
    background-color: #9e9e9e;
    background-color: var(--fill_dark_lite_white_hover);
  }

  .bg-theme-hover-active:hover.active {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color) !important;
  }
  
  .bg-theme-hover-active:hover.active {
    background-color: #9e9e9e;
    background-color: var(--theme-more-color) !important;
  }
}

/* Цвета иконок */
#main .colored_theme_svg svg path,
.colored_theme_svg,
.fill-theme svg *,
.fill-theme-svg,
.fill-theme-use-svg svg {
fill: #9e9e9e;
fill: var(--theme-base-color);
}

.fill-use-999 svg,
.fill-use-svg-999 {
  fill: #999;
}

.fill-use-888 svg,
.fill-use-svg-888 {
  fill: #888;
}

.fill-use-fff svg,
.fill-use-svg-fff {
  fill: #fff;
}

/* Цвета обводки */
.stroke-use-999 svg,
.stroke-use-svg-999 {
  stroke: #999;
}

.stroke-use-888 svg,
.stroke-use-svg-888 {
  stroke: #888;
}

.stroke-use-grey svg,
.stroke-use-svg-grey {
  stroke: #b8b8b8;
}

.stroke-use-fff svg,
.stroke-use-svg-fff {
  stroke: #fff;
}

.stroke-theme *,
.stroke-theme-svg,
.stroke-theme-use-svg svg {
  stroke: #9e9e9e;
  stroke: var(--theme-base-color);
}

/* Дополнительные цвета */
.bg-more-theme {
  background-color: #9e9e9e;
  background-color: var(--theme-more-color);
}

.fill-more-theme {
  fill: #9e9e9e;
  fill: var(--theme-more-color) !important;
}

.colored_theme {
  color: var(--fill_dark_lite_white_hover);
}

.colored_theme_bg,
.colored_theme_bg_hover:hover,
.colored_theme_hover_bg-block:hover .colored_theme_hover_bg-el {
  background-color: var(--theme-base-color);
}

/* Стили для ссылок */
.colored,
.colored-link,
.dark-color:hover,
a.colored {
  color: var(--fill_dark_lite_white_hover);
}

a {
  color: var(--fill_dark_lite_white_hover);
}

.colored:hover,
a.colored:hover {
  color: var(--fill_dark_lite_hover);
}

a:active {
  color: var(--fill_dark_lite_hover);
}

.colored-link:hover {
  color: var(--fill_dark_lite_cc);
}

a:focus,
a:hover {
  color: var(--fill_dark_lite_ccc);
}
