/**
 * CSS Переменные
 * Версия: 1.0.0
 * Дата: 22.01.2026
 */

:root {
    /* Цвета */
    --color-primary: #0066ff;
    --color-success: #00d084;
    --color-danger: #ff4444;
    --color-warning: #ffaa00;
    --color-info: #17a2b8;
    
    --color-text: #333;
    --color-text-light: #666;
    --color-text-lighter: #999;
    
    --color-bg: #f5f7fa;
    --color-bg-white: #ffffff;
    --color-border: #eee;
    
    /* Размеры */
    --sidebar-width: 260px;
    --header-height: 70px;
    
    /* Отступы */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    
    /* Радиусы скругления */
    --radius-sm: 5px;
    --radius-md: 10px;
    --radius-lg: 15px;
    
    /* Тени */
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
    --shadow-lg: 0 10px 40px rgba(0,0,0,0.15);
    
    /* Переходы */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.2s ease;
    --transition-slow: 0.3s ease;

    /* Breakpoints (для адаптива) */
    --breakpoint-mobile-sm: 480px;
    --breakpoint-tablet: 768px;
    --breakpoint-desktop: 1024px;
}