/*
 * Couleurs dynamiques par région.
 * --couleur-region : style inline sur le wrapper [data-region] ([region]/layout.tsx).
 * --region-couleur : alias WebDev (= var(--couleur-region)) — voir globals.css :root + [data-region].
 * --couleur-alf : globals.css.
 * Ce fichier est chargé une seule fois pour toutes les pages via [lang]/layout.tsx.
 */

/* ── Fonds couleur région ── */
.BackgroundColorRegion,
.BackgroundColorAvis,
.BackgroundColorFooter {
  background-color: var(--couleur-region) !important;
}

.MoteurValide,
.EquipeBouton,
.VignetteEnvieBouton {
  background-color: var(--couleur-region) !important;
}

/* ── Vignettes tours ── */
/* styles.css définit la structure ; la couleur vient de la région */
.VignetteToursTitreHaut {
  background-color: var(--couleur-region);
}

.VignetteToursTarif {
  color: var(--couleur-region);
}

/* ── Bouton région ── */
.btn-alf {
  color: #fff;
  background-color: var(--couleur-region) !important;
  border: 1px solid #fff;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 4px;
}

/* ── Texte couleur région ── */
.texte_couleur_region {
  color: var(--couleur-region) !important;
}