/* Styles partages pour les pages d'authentification:
   login.html, inscription.html, mot_de_passe_oublie.html, reset_mot_de_passe.html */
/* Cadre visuel commun des formulaires de connexion et d'inscription. */
.login-container,
.signup-container {
  max-width: 600px;
  padding: 40px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Positionnement vertical de la carte de connexion. */
.login-container {
  margin: 60px auto;
}

/* Positionnement vertical de la carte d'inscription. */
.signup-container {
  margin: 10px auto;
}

/* Adaptation de la couleur de fond des cartes en mode sombre. */
.dark-mode .login-container,
.dark-mode .signup-container {
  background-color: #1e1e1e;
}

/* Style du texte d'information secondaire (aide, consignes). */
.auth-note {
  font-size: 0.95rem;
  color: var(--bs-secondary-color);
}