/* Mode sombre doux - Sans !important, respecte les styles existants */

@media (prefers-color-scheme: dark) {
  /* Variables CSS pour le mode sombre */
  :root {
    --dark-bg-primary: #0f172a;
    --dark-bg-secondary: #1e293b;
    --dark-text: #e2e8f0;
    --dark-border: #334155;
  }
  
  /* Fond de page uniquement */
  body:not([data-theme="light"]) {
    background-color: var(--dark-bg-primary);
    color: var(--dark-text);
  }
  
  /* Sidebar */
  .sidebar {
    background-color: var(--dark-bg-secondary);
  }
  
  /* Cards génériques sans style inline */
  .card:not([style*="background"]):not(.stat-card) {
    background-color: var(--dark-bg-secondary);
    color: var(--dark-text);
    border-color: var(--dark-border);
  }
  
  /* Inputs */
  input[type="text"]:not([style*="background"]),
  input[type="email"]:not([style*="background"]),
  input[type="password"]:not([style*="background"]),
  textarea:not([style*="background"]),
  select:not([style*="background"]) {
    background-color: var(--dark-bg-primary);
    color: var(--dark-text);
    border-color: var(--dark-border);
  }
  
  /* Modal */
  .modal-overlay {
    background-color: rgba(0, 0, 0, 0.7);
  }
  
  .modal-content:not([style*="background"]) {
    background-color: var(--dark-bg-secondary);
    color: var(--dark-text);
  }
  
  /* Tables simples */
  table:not([class*="calendar"]) {
    background-color: var(--dark-bg-secondary);
    color: var(--dark-text);
  }
  
  table:not([class*="calendar"]) th,
  table:not([class*="calendar"]) td {
    border-color: var(--dark-border);
  }
  
  /* Headers de page */
  .main-header,
  .dashboard-header {
    background-color: var(--dark-bg-secondary);
  }
  
  /* Textes secondaires uniquement */
  .text-muted,
  .text-secondary {
    color: #94a3b8;
  }
  
  /* Bordures */
  hr {
    border-color: var(--dark-border);
  }
  
  /* NE JAMAIS TOUCHER : */
  /* - Éléments avec style inline */
  /* - Calendriers */
  /* - Badges, status */
  /* - Boutons colorés */
  /* - Stats cards */
  /* - Charts */
}