/* ==========================================================================
    2. ОПРЕДЕЛЕНИЕ ТЕМ (переменные для светлой и темной темы)
    ========================================================================== */

/* Светлая тема по умолчанию для страниц без класса */
:root {
    --bg-main: #f8f9fa;
    --bg-cards: #ffffff;
    --bg-header: #ffffff;
    --border-color: #dee2e6;
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --accent-blue: #0d6efd;
    --accent-hover: #0b5ed7;
    --header-text: #212529;
    --header-icon: #212529;
    --logo-base: #212529;
    /* --- НОВАЯ ПЕРЕМЕННАЯ --- */
    --bg-cards-translucent: rgba(248, 249, 250, 0.85); 
}

/* Переопределение переменных для темной темы */
html.dark-theme {
    --bg-main: #111827;
    --bg-cards: #1f2937;
    --bg-header: #1f2937;
    --border-color: #374151;
    --text-primary: #f9fafb;
    --text-secondary: #9ca3af;
    --accent-blue: #28B8F0;
    --accent-hover: #2099c7;
    --header-text: #f9fafb;
    --header-icon: #f9fafb;
    --logo-base: #f9fafb;
    /* --- НОВАЯ ПЕРЕМЕННАЯ --- */
    --bg-cards-translucent: rgba(31, 41, 55, 0.85);
}