/* Typographie globale du site (inspirée de LivinFrance).
   Chargée après le <style> de chaque page pour primer sur les règles de base. */
:root{
  --font: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body{
  font-family: var(--font);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #4C4C4C;
}

h1, h2, h3{
  font-family: var(--font);
  font-weight: 700;
  color: #333;
}

a{
  font-weight: 700;
  text-decoration: underline;
}

/* Liens qui jouent le rôle de boutons ou de navigation : pas de soulignement */
a.btn,
a.logo,
a.ticket-cta,
.nav-links a,
.footer-grid a{
  text-decoration: none;
}

/* Menu : garde son poids d'origine (le gras le fait passer sur plusieurs lignes) */
.nav-links a{
  font-weight: 500;
}

/* Liens "Retour" : zone tactile confortable sur mobile */
a.back,
a.back-link{
  display: inline-flex;
  padding: 8px 0;
}
a.back-link{
  display: flex;
  width: fit-content;
}

/* Lien "Mot de passe oublié ?" sous le champ mot de passe */
.forgot-link{
  display: inline-block;
  margin-top: 8px;
  padding: 4px 0;
  background: none;
  border: none;
  color: var(--accent-dark, #146E80);
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

/* Message de confirmation (vert) dans les fenêtres, ex. lien de réinitialisation envoyé */
.modal-error.is-success{
  background: #DCFCE7;
  color: #15803D;
  border-color: #86EFAC;
}