:root {
    /* LIGHT THEME (Predvolená) */
    --bg-color: #f8fafc; /* Svetlosivá / biela */
    --bg-primary: #f8fafc;
    --bg-secondary: #f1f5f9;
    --card-bg: #ffffff;
    --text-primary: #0F172A; /* Grafitová podľa PDF */
    --text-secondary: #64748b;
    --primary-color: #b08042; /* Zlatá farba podľa zadania */
    --primary-hover: #906634;
    --border-color: #e2e8f0;
    --input-bg: #f1f5f9;
    
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    
    /* Všeobecné nastavenia pre glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(255, 255, 255, 0.3);
}

html.dark-mode,
body.dark-mode {
    /* DARK THEME */
    --bg-color: #0F172A; /* Tmavá grafitová */
    --bg-primary: #0F172A;
    --bg-secondary: #1e293b;
    --card-bg: #1e293b;
    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --border-color: #334155;
    --input-bg: #0f172a;
    
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.5);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.5), 0 2px 4px -2px rgb(0 0 0 / 0.5);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.5), 0 4px 6px -4px rgb(0 0 0 / 0.5);
    
    --glass-bg: rgba(30, 41, 59, 0.7);
    --glass-border: rgba(255, 255, 255, 0.1);
}

/* Base Styles */
body {
    background-color: var(--bg-color);
    color: var(--text-primary);
    font-family: 'Inter', 'Plus Jakarta Sans', sans-serif;
    margin: 0;
    padding: 0;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Logo v dark mode (invertované farby, aby čierna bola biela, ale zlatá ostala zlatá) */
body.dark-mode .sidebar-logo img,
body.dark-mode .brand-logo-link img,
body.dark-mode .logo-container img {
    filter: invert(1) hue-rotate(180deg);
}

/* Zlatá prémiová paleta (ako alternatíva) */
.premium-gold {
    --primary-color: #D4AF37;
    --primary-hover: #b5952f;
}

/* Flatpickr global font override */
.flatpickr-calendar {
    font-family: inherit !important;
}