/* ADN du site (adn-site.md) : rouge d'Orléans en signature, sobriété
   Bauhaus, une seule couleur d'accent forte, tout le reste discret. */

:root {
  --rouge-orleans: #ce1126;
  --fond: #fcfbfa;
  --bordure: #928a7c;
  --bleu-azur: #1b4b91;
  --or: #b8963c;
  --texte: #211d1b;
  --texte-secondaire: #6b6560;

  /* Échelle de rayons (audit du 24/08/2026, adn-site.md section 3) : deux
     valeurs seulement, plus de bricolage au cas par cas (4/6/8/10px
     coexistaient sans raison avant cette passe). */
  --rayon-pill: 999px;
  --rayon-standard: 4px;

  /* Échelle typographique (même audit) : 4 paliers nommés, à réutiliser
     plutôt qu'écrire une nouvelle valeur en rem à chaque ajout. */
  --taille-petite: 0.8rem;
  --taille-normale: 0.85rem;
  --taille-texte: 0.9rem;
  --taille-titre-section: 1.05rem;
}

* {
  box-sizing: border-box;
}

body {
  font-family: Futura, "Century Gothic", system-ui, -apple-system, "Segoe UI", sans-serif;
  background: var(--fond);
  color: var(--texte);
  margin: 0;
  line-height: 1.5;
}

a {
  color: var(--bleu-azur);
}

a:hover {
  color: var(--rouge-orleans);
}

/* Badges neutres par défaut (date, horaire, catégorie, payant). Une seule
   exception forte : .badge.gratuit, seul signal qui mérite l'accent rouge
   (c'est l'info qui déclenche l'action, section 5 de l'ADN). */
.badge {
  display: inline-block;
  border: 1px solid var(--bordure);
  border-radius: var(--rayon-pill);
  padding: 0.2rem 0.7rem;
  font-size: var(--taille-normale);
  white-space: nowrap;
  background: var(--fond);
  color: var(--texte-secondaire);
}

.badge.gratuit {
  background: var(--rouge-orleans);
  border-color: var(--rouge-orleans);
  color: var(--fond);
  font-weight: 600;
}