/* theme-default.css: значения токенов основной темы (то, как сайт выглядит сейчас).
   Подключать ПЕРВЫМ, до template_styles. Праздничная тема переопределяет нужные токены. */
:root {

    /* Базовые цвета (их заполняет дизайнер) */
    --c-text: #2d3130;  /* основной текст */
    --c-text-2: #707275;  /* второй текст (ссылки в меню, подписи) */
    --c-muted: #94979a;  /* приглушённый текст, иконки, плейсхолдеры */
    --c-line: #e3e5e8;  /* разделители, рамки */
    --c-surface: #ffffff;  /* белые подложки: выпадашки, меню, карточки */
    --c-bg-alt: #f2f2f2;  /* серая подложка */
    --c-on-accent: #ffffff;  /* текст на акцентном/тёмном фоне */
    --c-header-bg: rgba(239, 239, 239, .95);  /* фон шапки */
    --c-header-solid: #efefef;  /* сплошной цвет шапки (маски под выбор города) */
    --c-accent: #7e1c7e;  /* фирменный акцент (фиолетовый): рамки, активные, ссылки */
    --c-accent-bg: var(--c-accent);  /* акцент как фон (кнопка звонка, корзина) */
    --c-accent-tint: #e3cde3;  /* светлая подложка акцента (аватар) */
    --c-btn: #ac48ac;  /* кнопка .violet / button / «наверх» */
    --c-btn-hover: var(--c-accent);  /* hover у этих кнопок */
    --c-primary: #58af23;  /* зелёный: кнопки .green, бургер, чекбокс */
    --c-primary-hover: #378c04;  /* зелёный тёмный (hover) */
    --c-primary-tint: #eafae0;  /* светлая зелёная подложка */
    --c-primary-text: var(--c-primary);  /* зелёный как цвет текста/рамки */
    --c-primary-text-hover: var(--c-primary-hover);  /* тёмно-зелёный как цвет текста */
    --c-danger: #eb5757;  /* скидки, ошибки, сердечко */
    --c-warning: #f5a223;  /* уценка */

    /* Производные (генерируются, дизайнер не вводит) */
    --c-topbar-bg: var(--c-accent-bg);  /* верхняя плашка */
    --c-topbar-text: #e8d6e8;  /* текст верхней плашки */
    --c-price: var(--c-accent);  /* цена */
    --c-price-old: var(--c-text);  /* старая цена */
    --c-price-old-mini: var(--c-muted);  /* старая цена в мини-корзине */
    --c-price-cart: var(--c-text);  /* цена в мини-корзине */
    --c-price-strike: var(--c-danger);  /* перечёркивание старой цены */
    --c-footer-accent: var(--c-accent-bg);  /* нижняя полоса футера (.vlb) */
    --c-footer-gray: var(--c-bg-alt);  /* серый блок футера (.grb) */
    --c-subscribe-bg: var(--c-bg-alt);  /* фон блока подписки (мобильная версия) */
    --c-phn-from: #c03fc0;  /* градиент макета телефона: начало */
    --c-phn-to: var(--c-accent);  /* градиент макета телефона: конец */
    --c-btn-gray-bg: var(--c-bg-alt);  /* кнопка .gray: фон */
    --c-btn-gray-text: var(--c-muted);  /* кнопка .gray: текст */
    --c-line-2: #cbcbcb;  /* вторая линия/плейсхолдеры/неактивное */
    --c-accent-soft: #f2e9f2;  /* очень светлая подложка акцента (плашки бонусов) */
    --c-text-rgb: 45, 49, 48;  /* RGB-каналы основного текста (для полупрозрачных rgba) */
    --c-photo-bg: #ffffff;  /* подложка и рамка фото товара (карточки в блоках, плитки категорий) */
    --c-photo-bg-soft: #f9f9f9;  /* подложка и рамка фото товара в слайдерах */
    --c-title: #000000;  /* чёрные заголовки (категории, таймер) */
    --c-bg-soft: #f9f9f9;  /* очень светлая подложка (моб. главная) */
    --c-dots: rgba(184, 176, 184, 0.5);  /* неактивные точки слайдера */
    --c-daily-bg: #0d1b2a;  /* блок «Товар дня»: фон */
    --c-daily-text: #ffffff;  /* блок «Товар дня»: текст */
    --c-cookie-bg: #181a19;  /* cookie-баннер: фон */
    --c-cookie-text: #ffffff;  /* cookie-баннер: текст */
    --c-cookie-text-muted: hsla(0, 0%, 100%, .7);  /* cookie-баннер: приглушённый текст */

    /* Тени */
    --shadow-input: 0 4px 20px rgba(105, 0, 105, .15);  /* поиск, кнопка звонка, «наверх» */
    --shadow-dropdown: 0 2px 20px rgba(38, 0, 38, .1);  /* выпадашки, мега-меню, стрелки fancybox */
    --shadow-card: 0 1px 5px rgba(0, 0, 0, .15);  /* кнопка .wht */
    --shadow-primary: 1px 5px 26px rgba(138, 194, 104, .6);  /* зелёная кнопка */
    --shadow-phn: 0 9px 20px rgba(48, 66, 117, .13);  /* макет телефона в подписке */
    --shadow-modal: 0 10px 25px rgba(0, 0, 0, .5);  /* окно fancybox */
    --shadow-pop: 0 6px 24px rgba(0, 0, 0, .15);  /* всплывающая подсказка */
    --shadow-ring: 0 0 0 3px rgba(0, 0, 0, .15);  /* активная точка слайдера */
    --shadow-advantages: 0 0 120px rgba(38, 0, 38, .15);  /* блок преимуществ на главной */
}