/* Krytyczne style dla dark mode - ładowane przed głównym CSS */
:root[data-theme="dark"], 
html.dark-mode {
    --dark-background: #121212;
    --dark-card: #1e1e1e;
    --dark-border: #333333;
    --dark-text: #e0e0e0;
    --primary-light: #3d9aff;
    
    color-scheme: dark;
}

body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}

.dark-mode .header {
    background-color: #1e1e1e;
}

.dark-mode .nav-link {
    color: #e0e0e0;
}

/* Ikony przełącznika trybu */
.theme-toggle .light-icon {
    display: none;
}

.theme-toggle .dark-icon {
    display: inline-block;
}

.dark-mode .theme-toggle .light-icon {
    display: inline-block;
}

.dark-mode .theme-toggle .dark-icon {
    display: none;
}