/* Фирменный цвет витрины: оранжевый прототипа -> бирюзовый Selena.
 *
 * Прототип задаёт бренд через css-переменные дизайн-системы, поэтому здесь
 * достаточно их перекрыть, а не править 334 КБ вендорного css. Загружается
 * ПОСЛЕ prototype.css — порядок задан в selena_storefront.shell и является
 * условием работы этого файла.
 *
 * Второй путь, которым прототип рисует бренд, — заливка inline-svg прямо в
 * разметке (fill="#F94F0D"). До неё css не дотягивается, и её меняет
 * storefront_build.recolour при сборке страницы.
 *
 * Значения — те же, что у первого сайта (selena_website.hooks.BRAND_COLORS),
 * чтобы два сайта Selena не разъехались по цвету.
 */

:root {
  --ui-color-brand: #66baae;
  --ui-color-brand-rgb: 102, 186, 174;

  --ui-color-primary: #66baae;
  --ui-color-primary-rgb: 102, 186, 174;
  --ui-color-primary-alt: #8ccbc2;
  --ui-color-primary-alt-rgb: 140, 203, 194;

  --ui-color-accent-orange: #66baae;
  --ui-color-accent-orange-rgb: 102, 186, 174;
}

/* Прототип во многих местах пишет цвет литералом, мимо переменных: 80
 * вхождений #f94f0d на 334 КБ. Перечисляем те, что видны на перенесённых
 * страницах, — кнопки, ссылки, активные пункты меню и заливки иконок. */
[class*="button"][class*="--primary"],
[class*="btn"][class*="--primary"],
.add-basket,
.js-add-basket {
  background-color: #66baae !important;
  border-color: #66baae !important;
}

a:hover,
[class*="__link"]:hover,
[class*="menu"] [class*="active"] {
  color: #66baae;
}

svg [fill="#F94F0D"],
svg [fill="#f94f0d"],
svg [stroke="#F94F0D"],
svg [stroke="#f94f0d"] {
  fill: #66baae;
  stroke: #66baae;
}