/* Variables partagées — défaut = thème sombre (#0F172A) */
html,
html[data-theme="dark"] {
    --irs-dashboard-stats: var(--irs-accent);
    --irs-bg: #0F172A;
    --irs-bg-card: #1E293B;
    --irs-bg-elevated: #334155;
    --irs-text: #F1F5F9;
    --irs-text-muted: #94A3B8;
    --irs-border: #475569;
    --irs-border-strong: #64748B;
    --irs-accent: #38BDF8;
    --irs-accent-hover: #0EA5E9;
    --irs-navbar: #0F172A;
    --irs-input-bg: #1E293B;
    --irs-footer-text: rgba(255, 255, 255, 0.7);
    --irs-shadow: rgba(0, 0, 0, 0.3);
    --irs-nav-link: #ffffff;
    --irs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
    color-scheme: dark;
}

html[data-theme="light"] {
    --irs-bg: #f8f9fa;
    --irs-bg-card: #ffffff;
    --irs-bg-elevated: #f8f9fa;
    --irs-text: #212529;
    --irs-text-muted: #6c757d;
    --irs-border: #dee2e6;
    --irs-border-strong: #dee2e6;
    --irs-accent: #3498db;
    --irs-accent-hover: #2980b9;
    --irs-navbar: #2c3e50;
    --irs-input-bg: #ffffff;
    --irs-footer-text: rgba(255, 255, 255, 0.7);
    --irs-shadow: rgba(0, 0, 0, 0.1);
    --irs-nav-link: #ffffff;
    --irs-btn-close-filter: none;
    --irs-dashboard-stats: #2c3e50;
}

html {
    background-color: var(--irs-bg);
}

html[data-theme="light"] {
    color-scheme: light;
}

/* Styles de base.html pilotés par variables */
body {
    background-color: var(--irs-bg) !important;
    transition: background-color 0.25s ease, color 0.25s ease;
}

.navbar {
    background-color: var(--irs-navbar) !important;
    transition: background-color 0.25s ease;
}

.navbar-brand,
.navbar .nav-link {
    color: var(--irs-nav-link) !important;
}

.nav-link:hover {
    color: var(--irs-accent) !important;
}

.dashboard-card {
    background: var(--irs-bg-card);
    transition: background-color 0.25s ease;
}

.dashboard-stats {
    color: var(--irs-dashboard-stats, var(--irs-accent));
}

html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer {
    background-color: var(--irs-bg-card);
    border-color: var(--irs-border);
}

.footer {
    background-color: var(--irs-navbar);
    color: white;
}

.footer .text-muted {
    color: var(--irs-footer-text) !important;
}

html[data-theme="dark"] .profile-avatar-sm {
    background-color: var(--irs-bg-card);
    border-color: var(--irs-accent);
}

html[data-theme="dark"] .profile-preview {
    color: var(--irs-text-muted);
}

html[data-theme="dark"] .profile-preview i {
    color: var(--irs-accent);
}

.file-input-indicator {
    color: var(--irs-accent);
}

.file-input-filename {
    color: var(--irs-text-muted);
}

html[data-theme="dark"] .file-input-custom {
    background-color: var(--irs-bg-card) !important;
    color: var(--irs-text) !important;
    border-color: var(--irs-accent) !important;
}

html[data-theme="dark"] .image-preview-container {
    background-color: var(--irs-bg-card);
    border-color: var(--irs-border);
}

.theme-toggle-btn {
    border: none;
    background: transparent;
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    color: var(--irs-nav-link) !important;
    font-size: 1.1rem;
    line-height: 1;
}

.theme-toggle-btn:hover,
.theme-toggle-btn:focus {
    color: var(--irs-accent) !important;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    outline: none;
}