/* Fichier GÉNÉRÉ depuis brand.json — ne pas modifier à la main. */
:root{
  --mc-primary:#D6337F;
  --mc-primary-dark:#A81F63;
  --mc-primary-soft:#D6337F22;
  --mc-ink:#3B1F3A;
  --mc-body:#4B3348;
  --mc-muted:#8B6F86;
  --mc-line:#F5D8EA;
  --mc-surface:#FDEBF6;
  --mc-bg:#FEF4FA;
  --mc-accent:#9D7BFF;
  --mc-accent-soft:#FFD9EC;
  --mc-pop:#FF9ED2;
  --mc-warn:#C2185B;
  --mc-warn-bg:#FFF0F6;
  --mc-warn-line:#F8C8DE;
  --mc-success:#2E9E7E;
  --mc-success-bg:#EAF7F2;
  --mc-success-line:#BEE3D6;
  --mc-on-primary:#FFFFFF;
  --mc-on-primary-muted:#FFE3F1;
  --mc-degrade:linear-gradient(135deg,#D6337F 0%,#9247E0 100%);
}
@media(prefers-color-scheme:dark){:root{color-scheme:light}}
/* Hauteur du logo, pilotée par brand.json (logoHauteur). Un logo EMPILÉ (marque
   au-dessus du nom) a besoin de plus de hauteur qu'un lockup large : à 44px, le
   nom tombe sous 8 px et devient illisible. Sans logoHauteur, on garde 44px.
   Ce fichier est chargé APRÈS frontend.css : ces règles gagnent. */
.brand-img{height:64px}
.footer-brand .brand-img{height:51px}
@media(max-width:560px){.brand-img{height:50px}}
/* Navigation centrée dans la barre (brand.json -> navCentre). Un logo étroit laisse
   sinon un grand vide au milieu et tasse les liens contre le bord droit. */
.nav-desktop{margin-left:auto;margin-right:auto}