/* --- 1. DEFINICE PROMĚNNÝCH (CSS Variables) --- */
:root {
    /* Barvy - Light Mode (základní) */
    --bg-main: #f8f8f8;
    --bg-card: #ffffff;
    --bg-header: rgba(255, 255, 255, 0.95);
    --text-main: #333333;
    --text-muted: #666666;
    --text-logo: #003366;
    --bg-footer: #f4f4f4;
    --text-h: #b59410;

    --color-gold: #b59410; /* Zlatá z loga */
    --color-blue-dark: #003366; /* Modrá pro tlačítka */
    
    --shadow-card: 0 5px 20px rgba(0,0,0,0.05);
}

/* --- 2. DARK MODE BAREVNÁ PALETA --- */
[data-bs-theme="dark"] {
    --bg-main: #121212;
    --bg-card: #2b3035;
    --bg-header: rgba(18, 18, 18, 0.98);
    --text-main: #e0e0e0;
    --text-muted: #aaaaaa;
    --text-logo: #e0e0e0;
    --text-h: #b59410;
    
    --bg-footer: #1e1e1e;    
    /* Zlatou necháme, ale modrou pro Dark Mode zjemníme (jako v návrhu) */
    --color-blue-dark: #3498db; 
    
    --shadow-card: 0 5px 25px rgba(0,0,0,0.4);
}