:root {
    /* Основные цвета */
    --primary-color: #007bff;
    --primary-hover: #0056b3;
    --primary-light: #e3f2fd;
    --primary-dark: #004085;
    
    /* Цвета текста */
    --text-primary: #333333;
    --text-secondary: #666666;
    --text-muted: #999999;
    --text-light: #ffffff;
    --text-dark: #212529;
    
    /* Цвета фона */
    --bg-white: #ffffff;
    --bg-light: #f8f9fa;
    --bg-hover: #f0f0f0;
    --bg-dark: #343a40;
    --bg-primary-light: #f8f9ff;
    
    /* Цвета границ */
    --border-color: #dddddd;
    --border-hover: #007bff;
    --border-selected: #007bff;
    --border-light: #dee2e6;
    --border-dark: #adb5bd;
    
    /* Цвета состояний */
    --success-color: #28a745;
    --success-light: #d4edda;
    --success-dark: #155724;
    --warning-color: #ffc107;
    --warning-light: #fff3cd;
    --warning-dark: #856404;
    --danger-color: #dc3545;
    --danger-light: #f8d7da;
    --danger-dark: #721c24;
    --info-color: #17a2b8;
    --info-light: #d1ecf1;
    --info-dark: #0c5460;
    
    /* Цвета цен */
    --price-color: #333333;
    --price-selected: #333333;
    
    /* Цвета градиентов */
    --gradient-primary: linear-gradient(135deg, var(--primary-color), var(--primary-hover));
    --gradient-success: linear-gradient(135deg, var(--success-color), var(--success-dark));
    --gradient-overlay: linear-gradient(45deg, rgba(0,123,255,0.1), rgba(40,167,69,0.1));
    
    /* Размеры */
    --border-radius: 4px;
    --border-radius-large: 8px;
    --border-radius-xl: 12px;
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    
    /* Тени */
    --shadow-light: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 8px rgba(0, 0, 0, 0.15);
    --shadow-heavy: 0 8px 16px rgba(0, 0, 0, 0.2);
    --shadow-focus: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    
    /* Переходы */
    --transition: all 0.2s ease;
    --transition-slow: all 0.3s ease;
    
    /* Z-индексы */
    --z-dropdown: 1000;
    --z-modal: 1050;
    --z-tooltip: 1070;
}