/* Styles critiques pour éviter les flashs blancs */

/* Variables de base pour le thème sombre */
:root.dark-theme {
  --bg-color: #0f172a;
  --bg-card: #1e293b;
  --text-color: #f1f5f9;
}

/* Style de base du thème sombre */
html.dark-theme,
.dark-theme body {
  background-color: #0f172a !important;
  color: #f1f5f9 !important;
  transition: none !important; /* Pas de transition pour le chargement initial */
}

/* Styles spécifiques pour les cartes et les conteneurs principaux */
.dark-theme .card,
.dark-theme .bg-white,
.dark-theme main,
.dark-theme aside,

/* Supprimer les transitions pour l'affichage initial */
@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation-delay: -1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
  }
}