/**
 * Styles de transition pour le changement de thème
 * Ajoute des transitions douces pour éviter tout flash ou changement brusque de thème
 */

body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.card,
.bg-primary,
.bg-secondary,
.navbar-custom,
.topnav,
.dropdown-menu,
.vertical-menu,
#sidebar-menu .mm-active,
.mm-active .active {
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Style spécifique pour éviter le flash initial en mode sombre */
html.theme-dark body.initial-load {
    visibility: hidden;
}

html.theme-dark body {
    visibility: visible;
    animation: fadeIn 0.3s ease forwards;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}