/*-------------------mode nuit-----------------------------*/
@media (prefers-color-scheme: dark) {
  /* Redéfinition des variables pour le Thème Nuit (Calmant, Basse Luminosité) */
  :root {
      /* Couleurs Basées sur une palette sombre et désaturée de Gris-Mauve/Bleu */
      --color-background-main: #1D1C26; /* Very Dark Purple-Gray (Base non-noire) */
      --color-text-main: #DCDCE0; /* Off-White/Pale Gray-Purple (Texte non-blanc) */
      --color-text-subtitle: #4F8D4F; /* Pale Purple/Lavender */
      --color-header-bg:  #a998a1; /* Darker Box/Card BG */
      --color-border-main: #000000; /* Medium Dark Gray-Purple pour les bordures */
      
      /* Couleurs Complémentaires (Olive/Jaune) et Accents Sombres Doux */
      --color-bg-yellow-main: #A0A045; /* Dark Olive (Complémentaire) */
      --color-bg-green-button:  rgba(71, 71, 71, 0.717); /* Dark Sage Green (N'est plus utilisé pour le fond des boutons principaux) */
      --color-bg-orange-button: #A66F43; /* Dark Apricot (N'est plus utilisé pour le fond des boutons principaux) */
      --color-bg-header-button: #40408C; /* Couleur pour "A propos" (Bleu/Mauve foncé) */
      --color-bg-accent-red: #A53C3C; /* Rouge sombre pour les suppressions */
  }
body {
  background-color: rgba(71, 71, 71, 0.717); /* Couleur de fond de base pas trop stimulant pour les personnes neuroatypiques */
  background-size: cover; /* Couvre tout le fond */
  background-attachment: fixed; /* Reste fixe lors du défilement */
  /* Suppression de la ligne : animation: gradient 25s ease infinite; */
    color: var(--color-text-main);
    /* Retrait de l'animation de gradient en mode nuit pour plus de calme */

  }
  
  /* Conteneurs principaux */
  header, main, footer, .apropos {
    background-color: var(--color-header-bg) !important;
    border: solid var(--color-border-main) !important;
    box-shadow: #000 0px 5px 5px !important; /* Ombre plus forte */
    color: var(--color-text-main);
  }

  /* Animation de gradient en mode sombre (si conservée, ajuster les couleurs) */
  @keyframes gradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }

  /* Liens/Texte dans le header */
  header a {
    color: var(--color-text-main);
  }
  
  /* Ajustement de la couleur du burger icon en mode nuit (si nécessaire, ici il est forcé en blanc) */
  .burger-icon span {
    background-color: var(--color-text-main) !important;
  }
  
  /* Style des boutons d'accueil (Acc1b, Acc2b, Acc3b) et du bouton 'A propos' (Acc1d) */
  .Acc1b {
    background-color: #4F8D4F; /* Bleu/Mauve foncé */
    color: var(--color-text-main);
    border-color: var(--color-border-main);
  }
  .Acc2b {
    background-color: #4F8D4F; /* Vert sombre */
    color: var(--color-text-main);
    border-color: var(--color-border-main);
  }
  .Acc3b {
    background-color: #A66F43; /* Orange sombre */
    color: var(--color-text-main);
    border-color: var(--color-border-main);
  }

  /* Boutons du header (Petits) */
  .Acc1c, .Acc1d {
    background-color: var(--color-bg-green-button); /* Couleur uniforme pour le header */
    color: var(--color-text-main);
    border-color: var(--color-border-main);
  }
  
  /* Boutons de menu d'accueil uniformisés avec la couleur du bouton "A propos" pour la cohérence */
  .Acc1b, .Acc2b, .Acc1c, .Acc1d {
    background-color: var(--color-bg-green-button); /* Couleur uniforme */
    color: var(--color-text-main); /* Force le texte en blanc cassé */
    border-color: var(--color-border-main);
  }

  .Acc1b:hover, .Acc2b:hover, .Acc1c:hover, .Acc1d:hover {
    background-color: var(--color-header-bg); /* Couleur d'accentuation au hover */
    color: var(--color-text-main);
  }
  
  .sidenav {
    border: solid var(--color-border-main);
    background-color: #3B3B5B90; /* Violet foncé semi-transparent */
    backdrop-filter: blur(5px);
  }

  /* Conseils et CGU utilisent une couleur spécifique, plus contrastée en mode sombre */
  #conseils_sommeil,
  #conseils_quotidien,
  .CGU {
    background-color: var(--color-header-bg);
    border-color: var(--color-border-main);
    color: var(--color-text-main);
  }
  
  .pied p { 
    color: var(--color-text-main); 
  }

    /* Corrections de couleurs pour les pages spécifiques */
  .imgbb div h1 {
    color: var(--color-bg-yellow-main);
    background-color: var(--color-bg-header-button);
  }
  .remove-task{
    background-color: var(--color-bg-accent-red);
  }
  .subtitle {
    color: var(--color-text-subtitle);
  }
  .result {
    background-color: var(--color-header-bg);
    border-color: var(--color-border-main);
    color: var(--color-text-main);
  
}
}

/*---------------------mode jour---------------------------------*/

/* Styles par défaut pour le mode jour (Thème Lumina Original) */
@media (prefers-color-scheme: light) {
  body {
  background-color: #f0f8ff;
    background-size: cover;
    background-attachment: fixed;
  }
  
  h1 {
    color: #000;;
    text-align: center;
    font-size: 25px;
    letter-spacing: 5px;
  }

  header {
   background-color: #e0c9d6; /* Couleur de fond douce pour le header */
  } 
}