/* === СОВРЕМЕННАЯ ЦВЕТОВАЯ ПАЛИТРА === */
:root {
    /* Основные цвета (мягкие, нейтральные) */
    --bg-primary: #0f0f14;          /* Глубокий тёмный фон */
    --bg-secondary: #1a1a24;        /* Фон карточек */
    --bg-tertiary: #252532;         /* Фон кнопок, инпутов */
    --bg-hover: #2d2d3d;            /* Фон при наведении */
    
    /* Акцентные цвета (мягкий синий вместо агрессивного красного) */
    --accent-primary: #6366f1;      /* Indigo - современный акцент */
    --accent-hover: #818cf8;        /* Светлее при наведении */
    --accent-secondary: #8b5cf6;    /* Фиолетовый для вторичных акцентов */
    --accent-success: #10b981;      /* Зелёный для успеха */
    --accent-warning: #f59e0b;      /* Оранжевый для предупреждений */
    --accent-danger: #ef4444;       /* Красный для ошибок */
    
    /* Текст */
    --text-primary: #f1f5f9;        /* Основной текст (почти белый) */
    --text-secondary: #94a3b8;      /* Вторичный текст (серый) */
    --text-muted: #64748b;          /* Приглушённый текст */
    
    /* Границы */
    --border-color: #2d2d3d;
    --border-radius-sm: 6px;        /* Маленькие скругления (кнопки) */
    --border-radius-md: 12px;       /* Средние скругления (карточки) */
    --border-radius-lg: 16px;       /* Большие скругления (модалки) */
    
    /* Шрифты (современные, читаемые) */
    --font-main: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
    
    /* Отступы */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    
    /* Тени (мягкие) */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.2);
    
    /* Анимации */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
    --transition-slow: 0.4s ease;
    
    /* Панельная система (плотный dashboard-стиль) */
    --panel-padding: 1.1rem;        /* Внутренний отступ панели (плотнее карточек) */
    --panel-gap: 1rem;              /* Зазор между панелями в сетке */
    --panel-radius: 10px;           /* Скругление панелей */
    --divider-color: #23232f;       /* Тонкие разделительные линии (чуть темнее border) */
}