/* css/utilities/themes.css */

/* Image handling for Dark Mode: 
   Dim bright images slightly in dark mode to prevent eye strain 
   (Apple design guideline).
*/
[data-theme="dark"] img:not(.logo-light, .icon, .qr-code img) {
    filter: brightness(0.85) contrast(1.1);
    transition: filter var(--transition-base);
}

[data-theme="dark"] img:hover:not(.logo-light, .icon, .qr-code img) {
    filter: brightness(1) contrast(1.1);
}

/* Glassmorphism adjustments: 
   Dark mode needs stronger borders to separate overlapping glass elements.
*/
[data-theme="dark"] .glass-panel {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Utility to force dark mode on a specific section regardless of OS preference */
.force-dark {
    --bg-primary: #050505;
    --text-primary: #FFFFFF;
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

/* Glassmorphism adjustments for Light Mode (Premium Frost Effect) */
[data-theme="light"] .glass-panel {
    background: var(--glass-bg);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.6); /* Bordure blanche pour refléter la lumière */
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}

/* Optionnel : Assombrir légèrement les badges jaunes en Light Mode 
   pour que le texte blanc soit bien lisible dessus */
[data-theme="light"] .badge,
[data-theme="light"] .badge-premium {
    background-color: #d1d113; /* Un jaune légèrement plus dense */
    color: #000;
}