/* static/css/themes.css */
/* ============================================================
   ТЕМЫ ОФОРМЛЕНИЯ
   ============================================================ */

/* ---------- СВЕТЛАЯ ТЕМА (по умолчанию) ---------- */
:root,
body.light-theme {
    /* Основные цвета */
    --bg-primary: #f0f2e8;
    --bg-secondary: #f8f9fa;
    --bg-white: #ffffff;
    --bg-hover: #f0f2e8;
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    --bg-disabled: #f5f5f5;
    
    /* Текст */
    --text-primary: #333333;
    --text-secondary: #555555;
    --text-muted: #888888;
    --text-light: #999999;
    --text-white: #ffffff;
    --text-link: #2d5a2c;
    
    /* Границы */
    --border-color: #eeeeee;
    --border-dark: #dddddd;
    --border-light: #e0e0e0;
    --border-input: #dddddd;
    
    /* Тени */
    --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-dropdown: 0 4px 12px rgba(0, 0, 0, 0.15);
    --shadow-hover: 0 8px 20px rgba(0, 0, 0, 0.15);
    
    /* Цвета элементов */
    --color-primary: #2d5a2c;
    --color-primary-hover: #1a3a19;
    --color-success: #28a745;
    --color-success-bg: #d4edda;
    --color-danger: #dc3545;
    --color-danger-bg: #f8d7da;
    --color-warning: #ffc107;
    --color-warning-bg: #fff3cd;
    --color-info: #17a2b8;
    --color-info-bg: #e3f2fd;
    --color-rank-1: #ffd700;
    --color-rank-2: #c0c0c0;
    --color-rank-3: #cd7f32;
    
    /* Статусы */
    --status-draft-bg: #e0e0e0;
    --status-draft-text: #555555;
    --status-planned-bg: #ffc107;
    --status-planned-text: #333333;
    --status-active-bg: #28a745;
    --status-active-text: #ffffff;
    --status-completed-bg: #6c757d;
    --status-completed-text: #ffffff;
    
    /* Таблицы */
    --table-header-bg: #f5f5f5;
    --table-row-hover: #f9f9f9;
    --table-border: #dddddd;
    
    /* Модальные окна */
    --modal-overlay: rgba(0, 0, 0, 0.5);
    --modal-bg: #ffffff;
    --modal-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

/* ---------- ТЁМНАЯ ТЕМА ---------- */
body.dark-theme {
    /* Основные цвета */
    --bg-primary: #0f0f1a;
    --bg-secondary: #1a1a2e;
    --bg-white: #16213e;
    --bg-hover: #2a2a4a;
    --bg-card: #1a1a2e;
    --bg-input: #2a2a4a;
    --bg-disabled: #2a2a4a;
    
    /* Текст */
    --text-primary: #e8e8e8;
    --text-secondary: #bbbbbb;
    --text-muted: #888888;
    --text-light: #666666;
    --text-white: #ffffff;
    --text-link: #4a9a49;
    
    /* Границы */
    --border-color: #2a2a4a;
    --border-dark: #3a3a5a;
    --border-light: #2a2a4a;
    --border-input: #3a3a5a;
    
    /* Тени */
    --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.4);
    --shadow-dropdown: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-hover: 0 8px 20px rgba(0, 0, 0, 0.5);
    
    /* Цвета элементов */
    --color-primary: #4a9a49;
    --color-primary-hover: #5aaa59;
    --color-success: #2ecc71;
    --color-success-bg: #1a3a2a;
    --color-danger: #e74c3c;
    --color-danger-bg: #3a1a1a;
    --color-warning: #f39c12;
    --color-warning-bg: #3a2a1a;
    --color-info: #3498db;
    --color-info-bg: #1a2a3a;
    --color-rank-1: #ffd700;
    --color-rank-2: #c0c0c0;
    --color-rank-3: #cd7f32;
    
    /* Статусы */
    --status-draft-bg: #3a3a4a;
    --status-draft-text: #aaaaaa;
    --status-planned-bg: #8a7a1a;
    --status-planned-text: #ffffff;
    --status-active-bg: #1a6a3a;
    --status-active-text: #ffffff;
    --status-completed-bg: #4a4a5a;
    --status-completed-text: #cccccc;
    
    /* Таблицы */
    --table-header-bg: #2a2a4a;
    --table-row-hover: #2a2a4a;
    --table-border: #3a3a5a;
    
    /* Модальные окна */
    --modal-overlay: rgba(0, 0, 0, 0.7);
    --modal-bg: #1a1a2e;
    --modal-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
}

/* ---------- АВТОМАТИЧЕСКАЯ ТЕМА (по системным настройкам) ---------- */
@media (prefers-color-scheme: dark) {
    body.auto-theme {
        --bg-primary: #0f0f1a;
        --bg-secondary: #1a1a2e;
        --bg-white: #16213e;
        --bg-hover: #2a2a4a;
        --bg-card: #1a1a2e;
        --bg-input: #2a2a4a;
        --bg-disabled: #2a2a4a;
        
        --text-primary: #e8e8e8;
        --text-secondary: #bbbbbb;
        --text-muted: #888888;
        --text-light: #666666;
        --text-white: #ffffff;
        --text-link: #4a9a49;
        
        --border-color: #2a2a4a;
        --border-dark: #3a3a5a;
        --border-light: #2a2a4a;
        --border-input: #3a3a5a;
        
        --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.4);
        --shadow-dropdown: 0 4px 12px rgba(0, 0, 0, 0.5);
        --shadow-hover: 0 8px 20px rgba(0, 0, 0, 0.5);
        
        --color-primary: #4a9a49;
        --color-primary-hover: #5aaa59;
        --color-success: #2ecc71;
        --color-success-bg: #1a3a2a;
        --color-danger: #e74c3c;
        --color-danger-bg: #3a1a1a;
        --color-warning: #f39c12;
        --color-warning-bg: #3a2a1a;
        --color-info: #3498db;
        --color-info-bg: #1a2a3a;
        --color-rank-1: #ffd700;
        --color-rank-2: #c0c0c0;
        --color-rank-3: #cd7f32;
        
        --status-draft-bg: #3a3a4a;
        --status-draft-text: #aaaaaa;
        --status-planned-bg: #8a7a1a;
        --status-planned-text: #ffffff;
        --status-active-bg: #1a6a3a;
        --status-active-text: #ffffff;
        --status-completed-bg: #4a4a5a;
        --status-completed-text: #cccccc;
        
        --table-header-bg: #2a2a4a;
        --table-row-hover: #2a2a4a;
        --table-border: #3a3a5a;
        
        --modal-overlay: rgba(0, 0, 0, 0.7);
        --modal-bg: #1a1a2e;
        --modal-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
    }
}

/* ========== ССЫЛКИ "НАЗАД" В ТЁМНОЙ ТЕМЕ ========== */
body.dark-theme .back-link {
    color: #8ab8ff;
}

body.dark-theme .back-link:hover {
    color: #a8ccff;
}

/* Также для админских страниц */
body.dark-theme .back-link {
    color: #8ab8ff;
}