/* Токены дизайна — один источник цветов, шрифтов, скруглений, теней и слоёв
   для нового дизайна (каталог, товар, корзина, шапка, подвал). Новые стили
   берут значения только отсюда: var(--c-brand), а не #2b2c7c.
   Контраст проверен по WCAG: текст ≥ 4.5:1 на своём фоне. */
:root {
    /* Цвет */
    --c-brand: #2b2c7c;        /* акцент: кнопки, ссылки, иконки */
    --c-brand-hover: #1e1f56;
    --c-brand-soft: #ecedf7;   /* фон выбранного пункта, мягкая кнопка */
    --c-bg: #f6f7fb;           /* фон страницы */
    --c-surface: #fff;         /* блоки с содержимым */
    --c-surface-2: #f3f4f8;    /* поля ввода, наведение внутри блоков */
    --c-line: #e2e5ed;
    --c-line-strong: #c8ccd9;  /* рамка полей ввода */
    --c-line-soft: #edeff5;
    --c-ink: #0e1230;          /* заголовки и основной текст (18:1) */
    --c-ink-2: #4d5469;        /* обычный текст (7:1) */
    --c-ink-3: #636a7e;        /* подписи (5:1 на сером фоне) */
    --c-sale: #e3173d;         /* скидки и акции, алый (решение владельца 2026-10-19); белый текст на нём — 4.7:1 */
    --c-ok: #1f7a3a;
    --c-danger: #d61f3f;
    /* Тёмный блок (подвал) */
    --c-dark: #0b0c2a;         /* подвал — вариант Б (решение владельца 2026-10-19) */
    --c-dark-ink: #fff;
    --c-dark-ink-2: #d9dbf0;   /* 13.9:1 на --c-dark */
    --c-dark-line: rgba(255, 255, 255, 0.14);

    /* Шрифты: Onest — текст и интерфейс, Nunito Sans — заголовки и цены */
    --font-text: Onest, sans-serif;
    --font-head: "Nunito Sans", sans-serif;

    /* Скругления */
    --r-lg: 16px;   /* блоки, карточки */
    --r-md: 12px;   /* кнопки, поля */
    --r-sm: 8px;
    --r-pill: 999px;

    /* Тени */
    --shadow-pop: 0 16px 40px rgba(14, 18, 48, 0.14);    /* выпадающие панели */
    --shadow-hover: 0 6px 20px rgba(43, 44, 124, 0.08);  /* карточка под курсором */
    --shadow-sticky: 0 4px 16px rgba(14, 18, 48, 0.06);  /* прилипшая шапка */

    /* Слои */
    --z-header: 900;
    --z-menu: 950;
    --z-modal: 1050;   /* модалки «Вход» и «Звонок» — как в main.css */
    --z-toast: 1200;

    /* Сетка и движение */
    --container: 1440px;
    --gutter: 24px;
    --ease: 0.18s ease;
}
@media (max-width: 1023.98px) {
    :root { --gutter: 16px; }
}