/* =============================================================
   Règles d'accessibilité communes à toutes les pages.
   Chargée après les styles de chaque page : premier élément du
   futur CSS commun (cf. audit UX/UI, vague 2).
   ============================================================= */

/* Bordures des champs de saisie : #E4E0D9 = 1,3:1 sur blanc, contour
   quasi invisible. #8C857B = 3,6:1 (WCAG 1.4.11, minimum 3:1). Les
   bordures décoratives des cartes gardent la teinte claire. */
input.field-input,
input.inp-montant,
input.border-arco-border,
select.border-arco-border,
textarea.border-arco-border,
.champ input,
.champ select,
.champ textarea {
  border-color: #8C857B;
}

/* Focus clavier toujours visible (liens, boutons, éléments sans style
   de focus propre). */
:focus-visible {
  outline: 2px solid #1A3D6B;
  outline-offset: 2px;
}

/* Mouvements réduits sur demande du système : fondus, squelettes
   animés en boucle et défilement doux désactivés. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}