/* Thème commun de l'application — palette de couleurs partagée par toutes les pages.
   Importé via <link rel="stylesheet" href="/theme.css"> dans chaque page.
   Les pages gardent leurs styles propres ; seules les variables de couleurs vivent ici. */

:root {
  --couleur-accent: #2563eb;
  --couleur-fond: #f4f5f7;
  --couleur-carte: #ffffff;
  --couleur-texte: #1f2430;
  --couleur-texte-faible: #6b7280;
  --couleur-bordure: #e2e4e9;
  --danger: #b91c1c;

  /* Alias courts utilisés par administration.html — résolus dynamiquement,
     ils suivent donc automatiquement le mode clair/sombre ci-dessous. */
  --accent: var(--couleur-accent);
  --fond: var(--couleur-fond);
  --carte: var(--couleur-carte);
  --texte: var(--couleur-texte);
  --faible: var(--couleur-texte-faible);
  --bordure: var(--couleur-bordure);
}

/* Mode sombre : suit le réglage du système/navigateur. */
@media (prefers-color-scheme: dark) {
  :root {
    --couleur-accent: #3b82f6;
    --couleur-fond: #12151b;
    --couleur-carte: #1c2028;
    --couleur-texte: #e6e8ec;
    --couleur-texte-faible: #9aa1b0;
    --couleur-bordure: #333a47;
  }
}