/* ==========================================================================
   style-comptes.css — apparence des pages de compte
   Reprend les couleurs des pages de soirée.
   ========================================================================== */
/* Plus de :root ici depuis le 30/08/2026 : les couleurs viennent toutes de
   assets/themes.css, chargé avant cette feuille par les trois pages qui
   l'utilisent (confirmation, mot de passe oublié, nouveau mot de passe).
   Anciens noms → nouveaux : --bord → --trait, --texte → --txt,
   --doux → --txt-2, --rouge → --accent. */
*{box-sizing:border-box}
body{
  margin:0;padding:38px 16px 60px;background:var(--fond);color:var(--txt);
  font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;line-height:1.55;
}
.boite{
  max-width:520px;margin:0 auto;background:var(--carte);border:1px solid var(--trait);
  border-radius:16px;padding:28px;box-shadow:0 10px 30px var(--ombre-couleur);
}
.boite--large{max-width:760px}
.entete{text-align:center;margin-bottom:26px}
.entete h1{font-size:23px;margin:0 0 6px}
.entete p{color:var(--txt-2);margin:0;font-size:14px}

label{display:block;font-size:12.5px;color:var(--txt-2);margin:0 0 5px}
.oblig{color:var(--accent);font-weight:700}
.champ{margin-bottom:16px}
input[type=text],input[type=email],input[type=password]{
  width:100%;background:var(--fond);border:1px solid var(--trait);color:var(--txt);
  border-radius:9px;padding:11px 13px;font-size:15px;font-family:inherit;
}
input:focus{outline:none;border-color:var(--accent)}
.champ.erreur input{border-color:var(--accent);background:var(--accent-voile)}
.msg-erreur{color:var(--rouge-txt);font-size:12.5px;margin:5px 0 0}
.aide{font-size:12px;color:var(--txt-2);margin:5px 0 0}

.coche{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--txt-1);cursor:pointer}
.coche input{margin-top:3px;accent-color:var(--accent);width:16px;height:16px;flex:none}

.btn{
  width:100%;background:var(--accent);color:var(--sur-couleur);border:0;border-radius:10px;padding:13px 22px;
  font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;
}
.btn:hover{background:var(--accent)}
.btn--gris{background:var(--fond-3)}
.btn--gris:hover{background:var(--trait)}

.alerte{border-radius:10px;padding:12px 16px;margin-bottom:20px;font-size:14px}
.alerte--ok{background:var(--vert-voile);border-left:3px solid var(--vert-txt);color:var(--vert-blanc)}
.alerte--ko{background:var(--accent-voile);border-left:3px solid var(--rouge-vif);color:var(--rouge-txt)}
.alerte--info{background:var(--bleu-voile);border-left:3px solid var(--bleu);color:var(--bleu-txt)}

.liens-bas{text-align:center;margin-top:22px;font-size:13.5px;color:var(--txt-2)}

/* Retour à l'accueil — présent en bas de chaque page de compte */
.retour-accueil{
  display:block;text-align:center;text-decoration:none;margin-top:18px;
  padding:11px 18px;border-radius:10px;font-size:13.5px;font-weight:600;
  background:transparent;border:1px solid var(--trait);color:var(--txt-2);
  transition:border-color .15s, color .15s;
}
.retour-accueil:hover{border-color:var(--or);color:var(--or)}
.liens-bas a{color:var(--accent);text-decoration:none;font-weight:600}
.liens-bas a:hover{text-decoration:underline}
.separateur{height:1px;background:var(--trait);margin:22px 0}

.copyright{text-align:center;color:var(--txt-2);font-size:12px;margin-top:28px}