/*
 * WCAG 2.2 AA — Corrections d'accessibilité — Mode clair
 *
 * Audit : axe-core 4.11.3, viewport 375px, 2026-05-26
 * 3 violations identifiées : color-contrast (38 nodes), region (1), scrollable-region-focusable (1)
 * Ce fichier corrige la violation color-contrast via CSS uniquement.
 *
 * Violations non corrigibles via CSS seul (requièrent HTML) :
 *   - scrollable-region-focusable : tabindex="0" sur .compare-scroll
 *   - region : landmark wrapper autour de .cta-mobile-sticky
 */

/* ─── 1. CONTRASTE — Tokens gold mode clair ────────────────────────────────────
 *
 * Avant : --gold: #a87a3a (3.56:1 sur #faf7f0 — ÉCHOUE 4.5:1)
 *         --gold-light: #b48a4a (2.64:1 sur #f1ebdc — ÉCHOUE 4.5:1)
 * Après : --gold: #7d5c2a (5.14:1 sur #f1ebdc, 5.71:1 sur #faf7f0 — PASSE 4.5:1)
 *         --gold-light: #7a5525 (5.60:1 sur #f1ebdc, 6.22:1 sur #faf7f0 — PASSE 4.5:1)
 */
:root[data-theme="light"] {
  --gold: #7d5c2a;
  --gold-light: #7a5525;
}

/* ─── 2. CONTRASTE — .step-num : opacity 0.55 dégrade le ratio à 1.89:1 ───────
 *
 * .step-num utilise var(--gold) avec opacity:0.55, ce qui donne ~#cdb28c sur #faf7f0
 * → ratio 1.89:1, en dessous du seuil 3:1 requis pour le grand texte (48pt / 64px).
 * Correction : opacité pleine + couleur fixe 4.10:1 (passe largement 3:1 grand texte).
 */
:root[data-theme="light"] .step-num {
  opacity: 1;
  color: #9b7040;
}

/* ─── 3. CONTRASTE — .badge-halden : #c1572d codé en dur, ratio 3.78:1 ────────
 *
 * Avant : #c1572d sur #f1ebdc = 3.78:1 (ÉCHOUE 4.5:1 pour petit texte)
 * Après : #9a3d25 sur #f1ebdc = 5.75:1 (PASSE 4.5:1)
 */
:root[data-theme="light"] .showcase-card .style-badge.badge-halden {
  color: #9a3d25;
}

/* ─── 4. CONTRASTE — .contact-method[opacity:0.6] : ratio effectif 4.35:1 ─────
 *
 * L'élément "Prise de RDV" a un style inline opacity:0.6.
 * Le texte (--text: #1a1d24 @ 60%) sur #faf7f0 = 4.35:1 — ÉCHOUE 4.5:1.
 * Correction : opacité remontée à 1 via !important (seul moyen de surcharger le style inline).
 */
:root[data-theme="light"] .contact-method[style*="opacity"] {
  opacity: 1 !important;
}

/* ─── 5. CONTRASTE — .pack-monthly spans[opacity:0.8] : ratio 3.37:1 ──────────
 *
 * Les spans "soit X€/mois TTC" ont un style inline opacity:0.8.
 * --muted: #5b6478 @ 80% sur --bg2: #f1ebdc = ~#797f8c → 3.37:1 — ÉCHOUE 4.5:1.
 * Correction : opacité pleine via !important.
 */
:root[data-theme="light"] .pack-monthly span[style*="opacity"] {
  opacity: 1 !important;
}