/* ========== ПЕРЕМЕННЫЕ ДЛЯ ТЕМ ========== */
:root, body.light-theme {
    --bg-body: rgb(168, 248, 248);
    --card-bg: rgba(255, 233, 204, 0.996);
    --card-outline: rgb(217, 199, 174);
    --text-primary: #333;
    --text-secondary: #555;
    --btn-primary-bg: #4CAF50;
    --btn-primary-hover: #45a049;
    --alert-success-bg: #d4edda;
    --alert-success-text: #155724;
    --alert-danger-bg: #f8d7da;
    --alert-danger-text: #721c24;
    /* Дашборд */
    --sidebar-bg: #8ac2fa;
    --nav-btn-bg: #0066cc;
    --nav-btn-hover: #004c99;
    --logout-btn-bg: #cc0000;
    --logout-btn-hover: #990000;
    --white-container-bg: white;
    --green-bg: #c0fb98;
    --stat-card-bg: white;
    --info-section-bg: white;
    --stat-text: #333;
    --info-text: #333;
    --border-light: #ccc;
    --shadow: 0px 5px 10px 6px rgba(0, 0, 0, 0.3);
    --shadow-sm: 0 2px 5px rgba(0, 0, 0, 0.2);
    --con-dash-bg: #c0fb98;
    --con-dash-outline: #85ff85 ;
}

body.dark-theme {
    --bg-body: #1a1a2e;
    --card-bg: #777e27;
    --card-outline: #60580f;
    --text-primary: #eee;
    --text-secondary: #ccc;
    --btn-primary-bg: #0f3460;
    --btn-primary-hover: #1a4a8a;
    --alert-success-bg: #0f3b2c;
    --alert-success-text: #c8e6d9;
    --alert-danger-bg: #3b1e1e;
    --alert-danger-text: #f8d7da;
    /* Дашборд */
    --sidebar-bg: #0f3460;
    --nav-btn-bg: #1e4a76;
    --nav-btn-hover: #2a6e9e;
    --logout-btn-bg: #8b0000;
    --logout-btn-hover: #a00000;
    --white-container-bg: #1f2937;
    --green-bg: #2d3e2d;
    --stat-card-bg: #111827;
    --info-section-bg: #111827;
    --stat-text: #e2e8f0;
    --info-text: #e2e8f0;
    --border-light: #2d3748;
    --shadow: 0px 5px 10px 6px rgba(0, 0, 0, 0.6);
    --shadow-sm: 0 2px 5px rgba(0, 0, 0, 0.5);
    --con-dash-bg: #536d41;
    --con-dash-outline: #0d650d;
}