/* ============================================================ THEME TROV — source unique des couleurs index.css est la reference. Ce fichier reprend exactement sa palette pour que landing, academie, checkout, legal et 404 ne divergent plus. Mode CLAIR par defaut. Le mode sombre s'applique uniquement quand porte la classe .dark. ============================================================ */ /* Mobile : plus de halo bleu au toucher, sur toutes les pages (2026-09-15). Le contour de focus au clavier reste. */ *{-webkit-tap-highlight-color:transparent} :focus:not(:focus-visible){outline:none} :root{ /* Roles : une couleur = un usage */ --role-action:#2a2521; /* boutons, nav active, focus */ --on-action:#f5f1e9; /* texte pose SUR --role-action */ --role-premium:#8f6a1c; /* Pro, Academie. Rare */ --role-money:#2f7a52; /* ecarts de prix, revente */ --role-caution:#a8542a; /* authenticite a verifier */ --role-alert:#b8434a; /* alertes */ --role-data:#42708f; /* data neutre */ --bg:#f5f1e9; --surface:#fffdf9; --surface-2:#ebe5da; --border:rgba(26,23,20,.1); --border-strong:rgba(26,23,20,.2); --text:#1a1714; --muted:#544e46; --muted-2:#736b61; --accent:#2a2521; --accent-2:#8f6a1c; --accent-glow:rgba(143,106,28,.18); --gold:#8f6a1c; /* Or de TEXTE : --gold tombe a 4,39 sur creme, sous le minimum AA de 4,5. Cette variante est faite pour etre lue, --gold pour les aplats. */ --gold-text:#6f5214; /* Vert de TEXTE : --green tombe a 4,16 sur creme. Celui-ci est fait pour etre lu (chiffres de marge, pastilles), --green pour les aplats. */ --green-text:#1e6b45; --green:#2f7a52; --green-dim:rgba(47,122,82,.11); --amber:#a8542a; --amber-dim:rgba(168,84,42,.11); --red:#b8434a; --red-dim:rgba(184,67,74,.1); --grid:rgba(26,23,20,.035); --r-lg:18px; --r-md:10px; --r-sm:6px; --r-pill:999px; --font:'Instrument Sans',system-ui,sans-serif; --display:'Bricolage Grotesque','Instrument Sans',sans-serif; } body.dark{ --role-action:#f2ece1; --on-action:#12100e; --role-premium:#d9a441; --role-money:#6fbf8b; --role-caution:#c9743f; --role-alert:#d1595f; --role-data:#6b93b3; --bg:#12100e; --surface:rgba(242,236,225,.032); --surface-2:rgba(242,236,225,.055); --border:rgba(242,236,225,.085); --border-strong:rgba(242,236,225,.16); --text:#f2ece1; --muted:#8d8479; --muted-2:#635c53; --accent:#f2ece1; --accent-2:#d9a441; --accent-glow:rgba(217,164,65,.22); --gold:#d9a441; --gold-text:#d9a441; --green-text:#6fbf8b; --green:#6fbf8b; --green-dim:rgba(111,191,139,.13); --amber:#c9743f; --amber-dim:rgba(201,116,63,.13); --red:#d1595f; --red-dim:rgba(209,89,95,.13); --grid:rgba(242,236,225,.014); } /* Icones SVG : sans width/height un