/* ── Page Profil ─────────────────────────────────────────────────────────────
   Feuille de page créée pour accueillir les tailles qui étaient écrites en ligne
   dans `app/templates/dashboard/profile.hbs`. La convention du dépôt (CLAUDE.md,
   « CSS architecture ») veut la règle la plus étroite qui corresponde : ces
   quatre classes ne servent que sur cette page, elles n'avaient donc rien à
   faire dans components.css.
   Plancher du projet : 0.8rem. Les quatre valeurs d'origine étaient dessous. */

/* Adresse de connexion, affichée en lecture seule sous son étiquette. */
.anima-profile-email {
  font-size: 0.8rem;
  color: var(--muted);
}

/* Aide sous un champ du formulaire. Bootstrap donne déjà une taille à
   `.form-text`, plus grande que le plancher ; la déclaration en ligne la
   réduisait pour marquer que c'est une aide, et cette intention est gardée. */
.anima-profile-hint {
  font-size: 0.8rem;
}

/* Étiquette et aide de la bascule « animation de page tournée ». */
.anima-profile-toggle-label,
.anima-profile-toggle-hint {
  font-size: 0.8rem;
}

/* Bandeau « profil enregistré ». Il reprend l'accent de la page au lieu du vert de
   `.alert-success` de Bootstrap, qui jure avec la palette. Sorti d'un attribut
   `style` du gabarit ; les trois déclarations l'emportent sur celles d'`.alert-success`
   par l'ordre des feuilles, vendor.css étant chargée avant celle-ci. */
.anima-profile-saved {
  border-color: color-mix(in srgb, var(--accent) 40%, transparent);
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 8%, transparent);
}