:root {
    /* ────────────────────────────────────
       ЦВЕТА
    ──────────────────────────────────── */
    --color-primary: #015219;       /* Тёмно-зелёный (Основной) */
    --color-accent: #78b84a;        /* Зелёный (Акцент, ховер) */
    --color-gray: #bcbcbc;          /* Серый (Границы, текст вторичный) */
    --color-yellow: #ffcc00;        /* Жёлтый (Внимание, акции) */
    
    --color-text-main: #333333;     /* Основной текст (контраст) */
    --color-text-white: #FFFFFF;    /* Белый текст */
    --color-text-light: #666666;    /* Второстепенный текст */
    
    --color-bg-body: #FFFFFF;       /* Фон страницы */
    --color-bg-white: #FFFFFF;      /* Фон карточек */
    --color-bg-secondary: #f7f7f7;  /* Фон плашек */

    --color-discount: #ff6b6b;      /* Бейдж скидки */
    --color-price: #00aa44;          /* Акционная цена */
    
    /* Добавлено для модальных окон */
    --color-error: #C0392B;          /* Красный для ошибок */
    --color-success: #27AE60;        /* Зелёный для успеха */

    /* ────────────────────────────────────
       ШРИФТЫ
    ──────────────────────────────────── */
    --font-family: 'Nunito', sans-serif;
    
    --font-light: 300;
    --font-regular: 400;
    --font-bold: 700;
    --font-extrabold: 800;
    
    /* Размеры шрифтов */
    --font-size-xs: 0.75rem;    /* 12px */
    --font-size-sm: 0.875rem;   /* 14px */
    --font-size-base: 1rem;     /* 16px */
    --font-size-lg: 1.125rem;   /* 18px */
    --font-size-xl: 1.25rem;    /* 20px */
    --font-size-2xl: 1.5rem;    /* 24px */
    --font-size-3xl: 2rem;      /* 32px */
    --font-size-4xl: 2.5rem;    /* 40px */

    /* ────────────────────────────────────
       ФОРМЫ И ОТСТУПЫ
    ──────────────────────────────────── */
    --border-radius-plaque: 20px 0 20px 0;      /* Для бейджей */
    --border-radius-plaque-lg: 25px 0 25px 0;   /* Для кнопок */
    --border-radius-base: 4px;                  /* Стандарт */
    
    --container-width: 1200px;
    --spacing-unit: 8px;

    --header-height: 80px;
    --top-header-height: 40px; /* одна строка: padding 8px + line-height ~21px + padding 8px */
    
    --shadow-card: 0 4px 6px rgba(0,0,0,0.1);
    
    --z-modal: 1000;
    --z-header: 100;
}