/* ============================================
   CSS ПЕРЕМЕННЫЕ ДЛЯ BOOTSTRAP
   ============================================ */

:root {
    /* ========== ЦВЕТА ========== */
    
    /* Основные цвета */
    --bs-primary: #5394FF;
    --bs-primary-rgb: 83, 148, 255;
    --bs-primary-hover: #3a7bd5;
    --bs-primary-light: #7ab0ff;
    --bs-primary-dark: #2d5aa0;
    
    /* Вторичные цвета */
    --bs-secondary: #F9F3D1;
    --bs-secondary-rgb: 249, 243, 209;
    --bs-secondary-hover: #E3D3BD;
    --bs-secondary-light: #faf6e0;
    --bs-secondary-dark: #d4c5a8;
    
    /* Текст */
    --bs-text: #282725;
    --bs-text-rgb: 40, 39, 37;
    --bs-text-secondary: #666666;
    --bs-text-muted: #999999;
    --bs-text-light: #cccccc;
    
    /* Фон */
    --bs-bg: #ffffff;
    --bs-bg-light: #FEFDF3;
    --bs-bg-dark: #f5f5f5;
    --bs-bg-nav: #F9F3D1;
    
    /* Акценты */
    --bs-gold: #D4AF37;
    --bs-gold-rgb: 212, 175, 55;
    --bs-gold-light: #FFE600;
    --bs-gold-dark: #b8941f;
    
    /* Цены и скидки */
    --bs-price: #f50000;
    --bs-price-rgb: 245, 0, 0;
    --bs-discount: #C52026;
    --bs-discount-rgb: 197, 32, 38;
    
    /* Границы */
    --bs-border: #E3D3BD;
    --bs-border-light: #f0e8d8;
    --bs-border-dark: #d4c5a8;
    
    /* Статусы */
    --bs-success: #28a745;
    --bs-success-rgb: 40, 167, 69;
    --bs-danger: #dc3545;
    --bs-danger-rgb: 220, 53, 69;
    --bs-warning: #ffc107;
    --bs-warning-rgb: 255, 193, 7;
    --bs-info: #17a2b8;
    --bs-info-rgb: 23, 162, 184;
    
    /* ========== РАЗМЕРЫ ШРИФТОВ ========== */
    
    /* Базовые размеры (rem для лучшей масштабируемости) */
    --bs-font-size-xs: 0.75rem;      /* 12px */
    --bs-font-size-sm: 0.875rem;     /* 14px */
    --bs-font-size-base: 1rem;       /* 16px */
    --bs-font-size-lg: 1.125rem;      /* 18px */
    --bs-font-size-xl: 1.25rem;       /* 20px */
    --bs-font-size-xxl: 1.5rem;       /* 24px */
    --bs-font-size-xxxl: 2rem;        /* 32px */
    
    /* Заголовки */
    --bs-h1-size: 2.5rem;             /* 40px */
    --bs-h2-size: 1.75rem;            /* 28px */
    --bs-h3-size: 1.5rem;             /* 24px */
    --bs-h4-size: 1.25rem;            /* 20px */
    --bs-h5-size: 1.125rem;           /* 18px */
    --bs-h6-size: 1rem;               /* 16px */
    
    /* Адаптивные размеры (для больших экранов) */
    @media (min-width: 1200px) {
        --bs-font-size-base: 1.125rem;  /* 18px */
        --bs-h1-size: 3rem;             /* 48px */
        --bs-h2-size: 2rem;             /* 32px */
    }
    
    /* ========== ОТСТУПЫ ========== */
    
    --bs-spacing-xs: 0.25rem;         /* 4px */
    --bs-spacing-sm: 0.5rem;          /* 8px */
    --bs-spacing-md: 1rem;             /* 16px */
    --bs-spacing-lg: 1.5rem;           /* 24px */
    --bs-spacing-xl: 2rem;             /* 32px */
    --bs-spacing-xxl: 3rem;            /* 48px */
    
    /* Bootstrap gutter (отступы для grid системы) */
    --bs-gutter-x: 1.5rem;             /* 24px - стандартный gutter Bootstrap */
    --bs-gutter-y: 0;                  /* Вертикальный gutter */
    
    /* ========== РАДИУСЫ ========== */
    
    --bs-radius-sm: 0.25rem;          /* 4px */
    --bs-radius-md: 0.5rem;            /* 8px */
    --bs-radius-lg: 0.75rem;           /* 12px */
    --bs-radius-xl: 1rem;              /* 16px */
    --bs-radius-round: 50%;
    
    /* ========== ТЕНИ ========== */
    
    --bs-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --bs-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --bs-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --bs-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
    
    /* ========== ПЕРЕХОДЫ ========== */
    
    --bs-transition-fast: 0.15s ease-in-out;
    --bs-transition-base: 0.3s ease-in-out;
    --bs-transition-slow: 0.5s ease-in-out;
    
    /* ========== Z-INDEX ========== */
    
    --bs-z-dropdown: 1000;
    --bs-z-sticky: 1020;
    --bs-z-fixed: 1030;
    --bs-z-modal-backdrop: 1040;
    --bs-z-modal: 1050;
    --bs-z-popover: 1060;
    --bs-z-tooltip: 1070;
}

/* Переопределение Bootstrap переменных */
:root {
    --bs-primary: var(--bs-primary);
    --bs-secondary: var(--bs-secondary);
    --bs-success: var(--bs-success);
    --bs-danger: var(--bs-danger);
    --bs-warning: var(--bs-warning);
    --bs-info: var(--bs-info);
    --bs-body-color: var(--bs-text);
    --bs-body-bg: var(--bs-bg-light);
    --bs-border-color: var(--bs-border);
    --bs-font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --bs-font-size-base: var(--bs-font-size-base);
    --bs-line-height-base: 1.6;
    --bs-border-radius: var(--bs-radius-md);
    --bs-border-radius-sm: var(--bs-radius-sm);
    --bs-border-radius-lg: var(--bs-radius-lg);
    --bs-box-shadow: var(--bs-shadow-md);
    --bs-box-shadow-sm: var(--bs-shadow-sm);
    --bs-box-shadow-lg: var(--bs-shadow-lg);
}