/* Переменные темы «multi-3-light». Все цвета собраны здесь: правка значения меняет цвет по всему сайту. Файл дополняет палитру шаблона — переменные, которых тема не касается, остаются как были. Почему !important на переменных: CMS печатает свою палитру ИНЛАЙНОМ в , то есть ПОСЛЕ этого файла. Оба объявления обычные — выигрывал инлайн, и тема не применялась (замер: --primary-color отдавал синий #0B57FF вместо красного). Инлайн-палитра идёт без !important, поэтому пометка снимает вопрос порядка. */ :root { /* --- палитра шаблона --- */ /* bg main color — значение задаёт тема */ --bg-main-color: #f4f9f7 !important; /* bg header top — значение задаёт тема */ --bg-header-top: #F5FBFA !important; /* main text color — значение задаёт тема */ --main-text-color: #191a1e !important; /* Текст на нашей тёмной панели (приз в розыгрыше). Отдельная переменная нужна потому, что --btn-primary-color на тёмных темах чёрный: он про текст НА СВЕТЛОМ АКЦЕНТЕ, а не на тёмной плите. */ --text-on-dark-panel: #FFFFFF !important; /* primary color — значение задаёт тема */ --primary-color: #00C896 !important; /* bg card — значение задаёт тема */ --bg-card: linear-gradient(135deg, #FFFFFF 16.83%, #ECF4F2 100%) !important; /* btn outline color — значение задаёт тема */ --btn-outline-color: #008262 !important; /* btn outline hover color — значение шаблона, тема не меняет */ --btn-outline-hover-color: #fff !important; /* btn outline bg — значение шаблона, тема не меняет */ --btn-outline-bg: #ffffff00 !important; /* btn primary color — значение задаёт тема */ --btn-primary-color: #FFFFFF !important; /* btn primary bg hover — значение шаблона, тема не меняет */ --btn-primary-bg-hover: #fff !important; /* secondary text color — значение шаблона, тема не меняет */ --secondary-text-color: #292c31 !important; /* bg car card — значение шаблона, тема не меняет */ --bg-car-card: #fff !important; /* bg input — значение шаблона, тема не меняет */ --bg-input: #fff !important; /* bg form wrapper — значение задаёт тема */ --bg-form-wrapper: #EFF4F2 !important; /* mark color — значение задаёт тема */ --mark-color: #6A6A6A !important; /* mark color count — значение задаёт тема */ --mark-color-count: #6A6A6A !important; /* breadscrumb last text color — значение задаёт тема */ --breadscrumb-last-text-color: #E4E4E4 !important; /* --- цвета темы --- */ /* background для .hero-carousel__content */ --hero-carousel-content-bg: #1d3d35 !important; /* background для .hero-carousel__content */ --hero-carousel-content-bg-2: #060f0d !important; /* Фон страницы */ --theme-bg: #ffffff !important; /* Акцент темы. Кнопки, активные состояния, акцентные цифры */ --accent: #00c896 !important; /* текст на светлой плите формы — выбран по контрасту к ней */ --text-on-form: #141414 !important; /* текст поверх акцентной заливки — выбран по контрасту, не по привычке */ --text-on-accent: #141414 !important; /* Для крупного текста и значков НА акценте (норма 3.0). Белый ставим только там, где он её набирает: контраст белого к #00C896 здесь 2.16. */ --text-on-accent-large: #141414 !important; /* акцент для наведения — темнее основного; подобран так, чтобы текст на кнопке оставался читаемым (>=4.5) и оттенок отличался заметно (>=1.18x) */ --accent-hover: #008463 !important; /* background для .deal-timer__count */ --deal-timer-count-bg: rgba(15,15,18,.55) !important; /* text-shadow для .deal-timer__text */ --deal-timer-text-text-shadow: rgba(0,0,0,.7) !important; /* box-shadow для .header */ --header-shadow: rgba(20,20,25,0.12) !important; /* border-bottom для .header__top */ --header-top-border-bottom: #cedbd8 !important; /* color для .popup-preset .main-form-checkbox__text */ --popup-preset-main-form-checkbox-text-text: rgba(255,255,255,.9) !important; /* background для .popup__close */ --popup-close-bg: rgba(18,18,20,.62) !important; /* box-shadow для .popup__close */ --popup-close-shadow: rgba(0,0,0,.4) !important; /* box-shadow для .modal-megasave .modal__form .btn */ --modal-megasave-modal-form-btn-shadow: rgba(0,0,0,.5) !important; /* background для .service-card__content */ --service-card-content-bg: rgba(0,0,0,.80) !important; /* background для .service-card__content */ --service-card-content-bg-2: rgba(0,0,0,.42) !important; /* background для .service-card__content */ --service-card-content-bg-3: rgba(0,0,0,0) !important; /* Заливка основной кнопки (верх градиента) */ --btn-bg: #008161 !important; /* Акцент как ТЕКСТ на карточке: подкручен до контраста 4.5 */ --accent-on-card: #006E52 !important; /* color для .modal-megasave .modal__form .main-form-checkbox__text a */ --modal-megasave-modal-form-main-form-checkbox-t-text: #006e52 !important; /* border для .credit-calc__form .app-input */ --credit-calc-form-app-input-border: rgba(25, 26, 30, .18) !important; /* color для .car-card__price-old */ --car-card-price-old-text: #6A6A6A !important; /* color для .stock-date__share */ --stock-date-share-text: #006E52 !important; /* background для .faq__button:hover */ --faq-button-hover-bg: #f4f4f4 !important; /* background для .modal .modal__offer__badge */ --modal-modal-offer-badge-bg: #283834 !important; /* color для .modal .modal__offer__badge */ --modal-modal-offer-badge-text: #eef0f3 !important; /* background для .btn_primary:hover — ЗАТЕМНЁННЫЙ акцент. Был осветлённый, и белые буквы на нём проваливали норму: замер живым ховером дал 3.77…4.13 при 4.5. Затемнение на 16% от базовой заливки: ховер заметен и держит 6.4…6.9. */ --btn_primary-hover-bg: #006c51 !important; /* Тёмный нейтральный: текст и заливки, не завязанные на акцент */ --ink: #141414 !important; /* --- связки переменных шаблона --- */ /* btn outline border color — задаёт тема */ --btn-outline-border-color: #008262 !important; }