/* Système de thèmes (§9) : variables CSS, un thème = un jeu de valeurs.
   Le thème actif est posé en attribut data-theme sur <html> (voir base.html),
   mémorisé par utilisateur dans utilisateurs.theme_prefere. */

:root,
html[data-theme="clair"] {
  --couleur-fond: #f7f7f5;
  --couleur-fond-carte: #ffffff;
  --couleur-texte: #1f2328;
  --couleur-texte-attenue: #5b6572;
  --couleur-bordure: #dfe3e8;
  --couleur-accent: #2f6f4f;
  --couleur-accent-texte: #ffffff;
  --couleur-danger: #b3261e;
  --couleur-succes: #2f6f4f;
  --couleur-alerte: #9a6700;
  --rayon: 8px;
}

html[data-theme="sombre"] {
  --couleur-fond: #14171a;
  --couleur-fond-carte: #1e2226;
  --couleur-texte: #e8eaed;
  --couleur-texte-attenue: #a2abb5;
  --couleur-bordure: #30353b;
  --couleur-accent: #4fa483;
  --couleur-accent-texte: #0c120f;
  --couleur-danger: #ff6b64;
  --couleur-succes: #4fa483;
  --couleur-alerte: #e0a63a;
  --rayon: 8px;
}

/* Thème à fort contraste (accessibilité). */
html[data-theme="contraste"] {
  --couleur-fond: #000000;
  --couleur-fond-carte: #000000;
  --couleur-texte: #ffffff;
  --couleur-texte-attenue: #ffffff;
  --couleur-bordure: #ffffff;
  --couleur-accent: #ffd60a;
  --couleur-accent-texte: #000000;
  --couleur-danger: #ff6b6b;
  --couleur-succes: #7CFC00;
  --couleur-alerte: #ffd60a;
  --rayon: 2px;
}