/**
 * CSS переменные для проекта
 * Все цвета, размеры и типовые значения собраны в одном месте
 * Поддерживается во всех браузерах с 2017 года
 */

:root {
    /* ============================================
       Основные цвета бренда
       ============================================ */
    --color-primary: #18A55C;
    --color-primary-dark: #11864B;
    --color-primary-darker: #0d6b3a;
    --color-primary-light: #1bc76e;
    --color-primary-bg: #E8F5E9;
    --color-primary-border: #C8E6C9;
    --color-primary-hover-bg: #A5D6A7;

    /* ============================================
       Цвета текста
       ============================================ */
    --color-text: #333;
    --color-text-muted: #777;
    --color-text-light: #999;
    --color-text-white: #fff;

    /* ============================================
       Цвета границ и фонов
       ============================================ */
    --color-border: #ddd;
    --color-border-light: #e9ecef;
    --color-border-dark: #d0d0d0;
    --color-bg-light: #f8f9fa;
    --color-bg-white: #fff;
    --color-bg-hover: #f5f5f5;

    /* ============================================
       Цвета состояний
       ============================================ */
    --color-danger: #dc3545;
    --color-danger-dark: #c82333;
    --color-warning: #ffc107;
    --color-info: #17a2b8;
    --color-success: #28a745;

    /* ============================================
       Тени
       ============================================ */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.2);
    --shadow-navbar: 0 -2px 13px rgba(0, 0, 0, 0.6);

    /* ============================================
       Скругления
       ============================================ */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;

    /* ============================================
       Переходы
       ============================================ */
    --transition-fast: all 0.15s ease;
    --transition-base: all 0.2s ease;
    --transition-slow: all 0.3s ease;

    /* ============================================
       Размеры элементов корзины
       ============================================ */
    --basket-btn-height: 38px;
    --basket-btn-height-sm: 28px;
    --basket-btn-height-lg: 50px;
    --basket-input-width: 120px;
    --basket-input-width-sm: 100px;
    --basket-input-width-lg: 200px;

    /* ============================================
       z-index слои
       ============================================ */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 10050;
    --z-tooltip: 1070;
}