/* Mode sombre amélioré pour Le Monde des Curieux */

/* Fond principal */
body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
  }
  
  /* Conteneurs */
  body.dark-mode .content, 
  body.dark-mode .parcours-card, 
  body.dark-mode .quiz-container,
  body.dark-mode .progression-summary,
  body.dark-mode .progression-details,
  body.dark-mode .ia-card,
  body.dark-mode .game-container {
    background-color: #1e1e1e;
    color: #e0e0e0;
  }
  
  /* Cartes et conteneurs interactifs */
  body.dark-mode .ia-container .ia-card,
  body.dark-mode .parcours-card,
  body.dark-mode .subject-card,
  body.dark-mode .stat-card,
  body.dark-mode .download-card,
  body.dark-mode #game-display {
    background-color: #252525;
    color: #e0e0e0;
    border-color: #444;
  }
  
  /* Exemples et zones mises en évidence */
  body.dark-mode .ia-example,
  body.dark-mode .example-box,
  body.dark-mode .highlight-box,
  body.dark-mode .note-box {
    background-color: #2d2d2d;
    color: #e0e0e0;
    border-color: #444;
  }
  
  /* Titres */
  body.dark-mode h1,
  body.dark-mode h2,
  body.dark-mode h3,
  body.dark-mode .parcours-title,
  body.dark-mode .section-title {
    color: #4caf50;
  }
  
  /* Liens */
  body.dark-mode a {
    color: #7bc67e;
  }
  
  body.dark-mode a:hover {
    color: #9ed8a0;
  }
  
  /* Navigation */
  body.dark-mode .sidebar {
    background-color: #1a1a1a;
  }
  
  body.dark-mode .sidebar a {
    color: #e0e0e0;
  }
  
  body.dark-mode .sidebar a:hover {
    background-color: #333;
  }
  
  /* Quiz */
  body.dark-mode .quiz-option {
    background-color: #2a2a2a;
    border-color: #444;
    color: #e0e0e0;
  }
  
  body.dark-mode .quiz-option:hover {
    background-color: #333;
  }
  
  body.dark-mode .quiz-option.selected {
    background-color: #2e7d32;
    color: white;
  }
  
  body.dark-mode .quiz-option.correct {
    background-color: #1b5e20;
    color: white;
  }
  
  body.dark-mode .quiz-option.incorrect {
    background-color: #b71c1c;
    color: white;
  }
  
  /* Boutons */
  body.dark-mode .quiz-button,
  body.dark-mode .parcours-button,
  body.dark-mode .back-button,
  body.dark-mode .game-option,
  body.dark-mode button:not(.accessibility-button) {
    background-color: #2e7d32;
    color: white;
    border-color: #4caf50;
  }
  
  body.dark-mode .quiz-button:hover,
  body.dark-mode .parcours-button:hover,
  body.dark-mode .back-button:hover,
  body.dark-mode .game-option:hover,
  body.dark-mode button:not(.accessibility-button):hover {
    background-color: #3a9d42;
  }
  
  /* Formulaires */
  body.dark-mode input,
  body.dark-mode textarea,
  body.dark-mode select {
    background-color: #333;
    color: #e0e0e0;
    border-color: #555;
  }
  
  /* Tableaux */
  body.dark-mode table {
    border-color: #444;
  }
  
  body.dark-mode th {
    background-color: #2a2a2a;
    color: #e0e0e0;
  }
  
  body.dark-mode td {
    border-color: #444;
  }
  
  body.dark-mode tr:nth-child(even) {
    background-color: #252525;
  }
  
  body.dark-mode tr:nth-child(odd) {
    background-color: #2a2a2a;
  }
  
  /* Fil d'Ariane - Ajouté ici pour assurer la compatibilité */
  body.dark-mode .breadcrumb {
    background-color: #252525;
    color: #e0e0e0;
  }
  
  body.dark-mode .breadcrumb a {
    color: #7bc67e;
  }
  
  /* Éléments spécifiques à certaines pages */
  body.dark-mode #result-display {
    background-color: #2a2a2a;
    color: #e0e0e0;
  }
  
  body.dark-mode .activity-list li {
    border-bottom-color: #444;
  }
  
  body.dark-mode .subject-header {
    background-color: #2e7d32;
    color: white;
  }
  
  body.dark-mode .stat-value {
    color: #7bc67e;
  }
  
  /* Jeux et activités interactives */
  body.dark-mode .game-container {
    background-color: #252525;
  }
  
  body.dark-mode #game-display {
    background-color: #2a2a2a;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
  }
  
  /* Assurer que TOUS les textes soient lisibles */
  body.dark-mode * {
    color: #e0e0e0;
  }
  
  body.dark-mode h1, 
  body.dark-mode h2, 
  body.dark-mode h3, 
  body.dark-mode h4, 
  body.dark-mode h5, 
  body.dark-mode h6,
  body.dark-mode .title,
  body.dark-mode .section-title,
  body.dark-mode .parcours-title {
    color: #4caf50;
  }
  
  body.dark-mode a,
  body.dark-mode .link {
    color: #7bc67e;
  }
  
  /* Correction pour les boutons d'accessibilité */
  body.dark-mode .accessibility-button {
    background-color: #4caf50;
    color: white;
  }
  
  body.dark-mode .accessibility-button:hover {
    background-color: #3a9d42;
  }