/* === ЦВЕТОВЫЕ СХЕМЫ === */
:root {
    /* Светлая тема */
    --bg-body: #f4f6f9;
    --bg-card: #ffffff;
    --bg-hover: #f8f9fa;
    --text-main: #2c3e50;
    --text-sec: #7f8c8d;
    --border: #e0e0e0;
    --input-bg: #fff;
    --input-border: #ccc;
    
    --nav-bg: #34495e;
    --nav-text: #ecf0f1;
    
    --primary: #3498db;
    --primary-hover: #2980b9;
    --green: #27ae60;
    --green-bg: #e8f5e9;
    --red: #c0392b;
    --red-bg: #ffebee;
    --yellow: #f1c40f;
    
    --shadow: 0 4px 6px rgba(0,0,0,0.05);
}

[data-theme="dark"] {
    /* Темная тема */
    --bg-body: #121212;
    --bg-card: #1e1e1e;
    --bg-hover: #2c2c2c;
    --text-main: #ecf0f1;
    --text-sec: #b0b3b8;
    --border: #333333;
    --input-bg: #2d2d2d;
    --input-border: #444;
    
    --nav-bg: #000000;
    --nav-text: #ecf0f1;
    
    --primary: #5dade2;
    --primary-hover: #3498db;
    --green: #2ecc71;
    --green-bg: #1e3a2a;
    --red: #e74c3c;
    --red-bg: #3e1a1a;
    --yellow: #f1c40f;
    
    --shadow: 0 4px 6px rgba(0,0,0,0.3);
}

body {
    background-color: var(--bg-body);
    color: var(--text-main);
    transition: background-color 0.3s, color 0.3s;
}