:root {
    /* Светлая тема (основная) */
    --bg-main: #f8f9fa;
    --bg-surface: #ffffff;
    --bg-nav: #333333;
    --text-main: #212529;
    --text-muted: #6c757d;
    --text-on-nav: #eeeeee;
    
    --accent: #f1c40f;
    --accent-hover: #d4ac0d;
    --accent-contrast: #212529;
    
    --border-color: #dee2e6;
    --shadow: 0 4px 6px rgba(0,0,0,0.07);
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-color-scheme: dark) {
    body:not(.light-theme-forced) {
        --bg-main: #1a1a1a;
        --bg-surface: #242424;
        --bg-nav: #111111;
        --text-main: #f8f9fa;
        --text-muted: #a0a0a0;
        --text-on-nav: #ffffff;
        --accent: #f39c12;
        --border-color: #333333;
        --shadow: 0 4px 12px rgba(0,0,0,0.4);
    }
}

body.dark-theme {
    --bg-main: #1a1a1a;
    --bg-surface: #242424;
    --bg-nav: #111111;
    --text-main: #f8f9fa;
    --text-muted: #a0a0a0;
    --text-on-nav: #ffffff;
    --accent: #f39c12;
    --border-color: #333333;
    --shadow: 0 4px 12px rgba(0,0,0,0.4);
}