/* ==========================================================
   MODE SOMBRE — activable via bouton, persiste en localStorage.
   Palette reprise de la maquette d'app mobile proposée (fond
   quasi-noir + accent ambre). Couverture large : on ne renomme
   pas var(--surface)/var(--bg) etc. par composant, on les
   redéfinit une seule fois au niveau racine — donc les 55 cartes
   qui utilisaient déjà background:var(--surface) (et tout ce qui
   utilise déjà var(--bg)/var(--bord)/var(--txt)/var(--grey))
   basculent automatiquement, sans rien lister composant par
   composant. C'est ce qui manquait la première fois.
   ========================================================== */

:root[data-theme="dark"]{
  --bg:#0A0A0A; --surface:#131313; --bord:#242424;
  --txt:#ECE8E1; --grey:#8C8984;
  --navy:#151515; --navy2:#1c1c1c;
  --or:#F2C230; --or-fonce:#d9ab1c;
  --light:#161616;
  /* Système bleu d'origine (header, nav, footer, badges, chips...) :
     équivalents sombres, sinon ces composants restent bleu clair. */
  --bleu:#4F8FE0; --bleu-fonce:#0f1620; --bleu-clair:#1a2230; --bleu-pale:#161d28;
}

/* body : voir pattern.css, qui gère déjà le fond clair et sombre avec texture */
[data-theme="dark"] img{ opacity:.94; }

/* Alertes/tints ambrés — traités à part (voir style.css, non tokenisés) */
[data-theme="dark"] .bloc-chine,
[data-theme="dark"] .attention,
[data-theme="dark"] .dv-avert,
[data-theme="dark"] .comparateur .ligne-total td,
[data-theme="dark"] .statut-orange,
[data-theme="dark"] .fin-verdict.ko,
[data-theme="dark"] .juste-prix.juste-sur,
[data-theme="dark"] .jp-mini.juste-sur,
[data-theme="dark"] .cap-verdict.ko,
[data-theme="dark"] .dv-table tr.dv-service td{
  background:rgba(242,194,48,.08); color:#E4B876; border-color:rgba(242,194,48,.22);
}

/* Header / footer */
[data-theme="dark"] .entete{ background:#0A0A0A; box-shadow:0 2px 14px rgba(0,0,0,.5); }
[data-theme="dark"] .barre-haut{ background:#050505; color:#8C8984; }
[data-theme="dark"] footer{ background:#050505; color:#8C8984; }

/* Boutons */
[data-theme="dark"] .btn-contour{ border-color:var(--bord); color:var(--txt); }
[data-theme="dark"] .btn-contour:hover{ background:rgba(242,194,48,.1); border-color:var(--or); }

/* Champs de formulaire */
[data-theme="dark"] input, [data-theme="dark"] select, [data-theme="dark"] textarea{
  background:var(--surface); color:var(--txt); border-color:var(--bord);
}
[data-theme="dark"] input::placeholder, [data-theme="dark"] textarea::placeholder{ color:#5C5A56; }

/* Cartes hero/catalogue déjà sombres par nature : on ajuste juste le contraste */
[data-theme="dark"] .encart-douane{ background:var(--surface); border-color:var(--bord); box-shadow:none; }
[data-theme="dark"] .encart-douane h3{ color:#8C8984; }
[data-theme="dark"] .encart-douane .total{ color:var(--or); border-color:var(--bord); }
[data-theme="dark"] .encart-douane .specs-liste li{ border-color:var(--bord); }

[data-theme="dark"] .vcarte, [data-theme="dark"] .filtres, [data-theme="dark"] .fiche{
  border-color:var(--bord);
}

/* Le hero cinématique est déjà sombre en permanence : rien à changer */