/* Recolore .btn-moltow/.btn-moltow-secondary (définis dans les bundles
   legacy app.css/page-base.css/project-*.css, jamais édités à la main —
   voir plan "chrome commun") vers les tokens du nouveau design, au lieu de
   toucher ces bundles minifiés copiés de la prod. Chargé après eux : même
   spécificité, gagne par ordre de source. */
.btn-moltow-secondary {
  border-color: var(--terra);
  color: var(--terra);
}
.btn-moltow-secondary:hover {
  background: var(--terra-soft);
  border-color: var(--terra-dark);
  color: var(--terra-dark);
}
.btn-moltow {
  background: var(--terra);
  border-color: var(--terra);
}
.btn-moltow:hover {
  background: var(--terra-dark);
}

/* Modales globales (login/mot de passe oublié/nouveau projet/devis, toutes
   clonées dans #login-modal — voir Layout.astro) : mêmes classes bleues
   legacy (.btn/.btn-ghost/.section-title/.modal-cols) que les bundles
   project-*.css, mais ici DANS le DOM sur toutes les pages du site (pas
   seulement le configurateur) — scopé à #login-modal pour ne pas déborder
   sur les 50+ pages qui utilisent .btn/.section-title ailleurs, hors
   périmètre de ce chantier. */
#login-modal .section-title {
  color: var(--terra);
}
#login-modal .btn:not(.btn-link):not(.btn-ghost) {
  background-color: var(--terra);
  border-color: var(--terra);
}
#login-modal .btn:not(.btn-link):not(.btn-ghost):hover {
  background-color: #fff;
  color: var(--terra);
}
#login-modal .btn-ghost {
  border-color: var(--terra);
  color: var(--terra);
  background-color: transparent;
}
#login-modal .btn-ghost:hover {
  background-color: var(--terra);
  color: #fff;
}
#login-modal .modal-cols:before {
  background-color: var(--terra);
}
#login-modal .modal-cols .modal-col:last-child {
  border-top-color: rgba(138, 98, 72, 0.5);
}