/* Variables CSS pour les dropdowns - Garantit la cohérence sur toutes les pages */

:root {
    /* Variables pour les dropdowns */
    --dropdown-background: #1f2937;
    --dropdown-background-light: rgba(255, 255, 255, 0.95);
    --dropdown-background-dark: rgba(15, 23, 42, 0.95);
    --dropdown-background-scrolled-light: rgba(255, 255, 255, 0.98);
    --dropdown-background-scrolled-dark: rgba(15, 23, 42, 0.98);
    
    /* Variables de base pour la cohérence */
    --background-secondary: #1f2937;
    --background-card: #374151;
    --border-primary: #4b5563;
    --border-secondary: #6b7280;
    --text-primary: #ffffff;
    --text-secondary: #d1d5db;
    --text-muted: #9ca3af;
    --accent-blue: #3b82f6;
    --accent-purple: #8b5cf6;
    --accent-green: #10b981;
    
    /* Ombres cohérentes */
    --shadow-dropdown: 0 10px 40px rgba(0, 0, 0, 0.15);
    --shadow-dropdown-scrolled: 0 8px 32px rgba(0, 0, 0, 0.12);
}

/* Variables pour le thème clair (si nécessaire) */
[data-theme="light"] {
    --dropdown-background: rgba(255, 255, 255, 0.95);
    --background-secondary: #f8fafc;
    --background-card: #ffffff;
    --border-primary: #e2e8f0;
    --border-secondary: #cbd5e1;
    --text-primary: #1e293b;
    --text-secondary: #475569;
    --text-muted: #64748b;
}

/* Support pour les préférences système */
@media (prefers-color-scheme: light) {
    :root {
        --dropdown-background: rgba(255, 255, 255, 0.95);
        --background-secondary: #f8fafc;
        --background-card: #ffffff;
        --border-primary: #e2e8f0;
        --border-secondary: #cbd5e1;
        --text-primary: #1e293b;
        --text-secondary: #475569;
        --text-muted: #64748b;
    }
}