/* =============================================================================
   overrides.css — Florence Renou
   -----------------------------------------------------------------------------
   Couche de production qui NE provient PAS de Claude Design.
   À charger en DERNIER dans index.html pour cascade par-dessus styles.css /
   pages.css / animations.css / rounded.css / polish.css.

   Toute modification ici survit à un ré-export depuis Claude Design.
   À l'inverse, les fichiers ci-dessus sont supposés être ré-exportables
   intacts → on n'y touche pas pour des corrections post-handoff.

   Voir MAINTENANCE.md à la racine du repo pour le détail du workflow.
   ============================================================================= */


/* -----------------------------------------------------------------------------
   1) Correctifs WCAG AA — contrastes
   Audit réalisé le 2026-05-27.
   ----------------------------------------------------------------------------- */

/* 1.a) Messages d'erreur du formulaire de contact
   Le rouge-rosé d'origine #B08577 sur fond clair = 3.00:1 (échec AA pour
   texte 12 px). Cible : 4.5:1 minimum. */
.contact-form .field-error {
  color: #8A5E4F;            /* 5.12:1 sur blanc ✅ */
}
.contact-form .field.error input,
.contact-form .field.error textarea {
  border-color: #8A5E4F;
}

/* 1.b) Texte secondaire (sous-titres, captions, eyebrows…) en --ink-soft
   Le gris d'origine #6B6F6A sur fond amande #EAF0EB = 4.42:1 (échec AA de
   très peu). On assombrit globalement la variable --ink-soft via :root. */
:root {
  --ink-soft: #5E625D;       /* 5.37:1 sur amande, 5.5:1 sur blanc ✅ */
}

/* 1.c) Pavé .rdv-tile-dark — texte sauge clair sur fond sauge foncé
   #A9B8AD sur #5C6B5E = 2.73:1 (échec AA même pour texte large).
   Cible : 4.5:1 pour texte, 3:1 pour icônes. On bascule sur --amande-light
   qui donne 7.18:1 partout. */
.rdv-tile-dark .rdv-tile-eyebrow   { color: var(--amande-light); }
.rdv-tile-dark .rdv-tile-ico       { color: var(--amande-light); }
.rdv-tile-dark .rdv-tile-title em  { color: var(--amande-light); }
.rdv-tile-dark .rdv-tile-bignum    { color: var(--amande-light); }
/* .rdv-tile-deco reste sur --sauge (purement décoratif, hors texte/UI) */