/* themes.css */

:root {
    /* --- ОБЩИЕ ПЕРЕМЕННЫЕ --- */
    --radius-lg: 16px;
    --radius-md: 10px;
    --radius-sm: 6px;
    --success: #10b981;
    --danger: #ef4444;
}

/* --- ТЕМНАЯ ТЕМА (NEO) --- */
:root, [data-theme="neo"] {
    --bg-dark: #050509;
    --bg-elevated: #0b0b11;
    
    /* Стекло */
    --glass-bg: rgba(13, 13, 23, 0.95);
    --glass-border: rgba(148, 163, 184, 0.2);
    
    /* Модальные окна */
    --modal-bg: #0f172a;
    --modal-shadow: 0 0 0 1px rgba(255,255,255,0.1), 0 20px 50px rgba(0,0,0,0.8);
    --modal-backdrop: rgba(0, 0, 0, 0.8);
    --modal-blur: 10px;

    /* Инпуты */
    --input-bg: #1e293b;
    --input-border: #334155;
    --input-text: #ffffff;
    --input-placeholder: #64748b;
    
    /* Карточки */
    --card-bg: #000000;
    --card-border: rgba(148, 163, 184, 0.2);
    
    /* Акценты */
    --accent: #3b82f6;
    --accent-soft: rgba(59, 130, 246, 0.15);
    --accent-strong: rgba(59, 130, 246, 0.4);
    --accent-glow: 0 0 15px rgba(59, 130, 246, 0.4);
    
    /* Текст */
    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --text-shadow-strong: 0 2px 4px rgba(0,0,0,0.8);
    
    /* Компоненты */
    --nav-bg: rgba(9, 9, 11, 0.9);
    --list-item-hover: #1e293b;
    --list-item-active: rgba(59, 130, 246, 0.2);
    --section-bg: #0b0b11;
    
    /* Danger */
    --danger-soft: rgba(239, 68, 68, 0.2);
    --danger-border: rgba(248, 113, 113, 0.3);

    /* Чипы */
    --chip-bg: rgba(255,255,255,0.05);
    --chip-text: #e2e8f0;
    
    /* ТАЙМЛАЙН */
    --timeline-bg: #0d0d0e;
    --timeline-scroll-bg: rgba(20, 20, 25, 0.5);
    /* Вертикальные полоски для темной темы */
    --timeline-grid-img: linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px);
    --timeline-tick-color: rgba(255,255,255,0.2);
    --timeline-label-color: #666;
}

/* --- СВЕТЛАЯ ТЕМА (CLASSIC) --- */
[data-theme="classic"] {
    --bg-dark: #f1f5f9;
    --bg-elevated: #ffffff;
    
    /* Стекло (отключено) */
    --glass-bg: #ffffff;
    --glass-border: #cbd5e1;
    
    /* Модальные окна */
    --modal-bg: #ffffff;
    --modal-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    --modal-backdrop: rgba(0, 0, 0, 0.2);
    --modal-blur: 0px;

    /* Инпуты (Белые) */
    --input-bg: #ffffff;
    --input-border: #94a3b8;
    --input-text: #0f172a;
    --input-placeholder: #64748b;
    
    /* Карточки */
    --card-bg: #ffffff;
    --card-border: #e2e8f0;
    
    /* Акценты */
    --accent: #2563eb;
    --accent-soft: #eff6ff;
    --accent-strong: #bfdbfe;
    --accent-glow: none;
    
    /* Текст */
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-shadow-strong: none;
    
    /* Компоненты */
    --nav-bg: #ffffff;
    --list-item-hover: #f1f5f9;
    --list-item-active: #e0f2fe;
    --section-bg: #f8fafc;
    
    /* Danger */
    --danger-soft: #fef2f2;
    --danger-border: #fca5a5;

    /* Чипы */
    --chip-bg: #e2e8f0;
    --chip-text: #1e293b;
    
    /* ТАЙМЛАЙН */
    --timeline-bg: #ffffff;
    --timeline-scroll-bg: #f1f5f9;
    /* Вертикальные полоски для светлой темы */
    --timeline-grid-img: linear-gradient(90deg, #cbd5e1 1px, transparent 1px);
    --timeline-tick-color: #94a3b8;
    --timeline-label-color: #475569;
}