/* ============================================
   FICHIER : dark.css
   VERSION : 2025.10.12
   OBJET   : Thème sombre
   CHANGTS :
     - Suppression du style h1 (ancien bandeau titre)
     - Utilisation de variables globales (--dark-*)
     - Palette cohérente avec header, tables, planning
     - Harmonisation des utilitaires via variables (red/alert/green)
   ============================================ */

body[data-theme="dark"] {
  background-color: var(--dark-bg);
  color: var(--dark-text);

  /* surcharge header */
  --header-bg: #111;
  --header-border: #333;
  --header-text: var(--accent);

  /* utilitaires (surcharges sombres) */
  --alert-red: #ff6666;     /* .red en sombre : rouge plus clair lisible */
  --alert-strong: #ff8080;  /* .alert en sombre : rouge clair plus visible */
  --accent-green: #66dd66;  /* .green en sombre : vert plus lumineux */
}

/* Tableaux */
body[data-theme="dark"] table.games,
body[data-theme="dark"] #planning table {
  background-color: rgba(30, 30, 30, 0.6);
  color: var(--dark-text-light);
}

body[data-theme="dark"] table.games th,
body[data-theme="dark"] #planning th {
  background-color: var(--dark-surface);
  color: var(--dark-accent);
}

/* ✅ 2026.08.24-5 : fiches info (Option A) — version sombre */
body[data-theme="dark"] table.info tbody tr {
  background: rgba(40, 40, 40, 0.85);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}

body[data-theme="dark"] table.info td {
  color: var(--dark-text-light);
}

body[data-theme="dark"] table.info th {
  background: var(--dark-accent);   /* badge clair sur carte sombre */
  color: #2f2100;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

/* Alternance lignes (jeux + planning) */
body[data-theme="dark"] table.games tbody tr:nth-child(even),
body[data-theme="dark"] #planning table tr:nth-child(even) {
  background-color: var(--dark-row-even);
}

/* Texte (fiches info déjà stylées plus haut) */
body[data-theme="dark"] #joueursZone {
  color: var(--dark-text);
}

/* Steam badge */
body[data-theme="dark"] .steam-price-badge .prices {
  background: var(--dark-surface);
  color: var(--steam-green-text);
}

body[data-theme="dark"] .steam-price-badge .discount {
  background: var(--steam-green-bg);
  color: var(--steam-green-text);
}

/* Liens */
body[data-theme="dark"] a {
  color: var(--dark-accent);
}
body[data-theme="dark"] a:visited {
  color: var(--dark-link);
}

/* === Utilitaires (NE PAS redéfinir les classes en dur ici)
   Les classes .red/.alert/.green utilisent les variables
   surchargées plus haut via body[data-theme="dark"] === */