/**
 * DARK MODE OVERRIDES
 * Surcharges CSS pour le mode sombre
 */

body.dark-mode {
    /* Ajustement des couleurs pour un mode encore plus sombre */
    --bg-primary: #050510;
    --bg-secondary: #0a0a18;
    --bg-tertiary: #0f0f20;
    
    /* Glass plus prononcé en mode sombre */
    --glass-bg: rgba(255, 255, 255, 0.03);
    --glass-border: rgba(255, 255, 255, 0.08);
    
    /* Texte légèrement plus lumineux */
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    
    /* Neon plus intense */
    --neon-primary: 0 0 30px rgba(99, 102, 241, 0.7);
    --neon-secondary: 0 0 30px rgba(139, 92, 246, 0.7);
}

/* Mode clair par défaut à la première visite. */
body.light-mode {
    --primary-light: #4f46e5;
    --success: #047857;
    --error: #b91c1c;
    --bg-primary: #f8fafc;
    --bg-secondary: #f1f5f9;
    --bg-tertiary: #e2e8f0;
    
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(0, 0, 0, 0.1);
    --glass-shadow: rgba(0, 0, 0, 0.1);
    
    --text-primary: #1e293b;
    --text-secondary: #475569;
    --text-muted: #64748b;
    
    --neon-primary: 0 0 15px rgba(99, 102, 241, 0.3);
    --neon-secondary: 0 0 15px rgba(139, 92, 246, 0.3);
}

body.light-mode {
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-tertiary) 100%);
}

/* Transition douce lors du changement de thème */
body {
    transition: background 0.5s ease, color 0.3s ease;
}

.glass,
.card,
.navbar,
.footer {
    transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}