/* ══════════════════════════════════════════════════════
   BASE — reset, design tokens, typography, scrollbar
   Extrait des lignes 11-56 de l'ancien index.html monolithique.
══════════════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
/* Palette V2 (CDC/Conception V2) : fond clair partout, encre quasi-noire,
   accent unique bleu-lavande #89A4FF. --purple-l est volontairement un
   bleu plus soutenu (pas "plus clair" malgré son nom hérité) : #89A4FF est
   déjà très clair, l'éclaircir encore pour un hover ou un texte échouerait
   le contraste AA — --purple-l sert donc de variante "lisible" (texte,
   icônes, hover) pendant que --purple reste la teinte signature pour les
   aplats et les liserés. */
:root{--bg:#fff;--bg-card:#F5F4F2;--border:rgba(0,0,0,0.08);--border-h:rgba(0,0,0,0.14);--purple:#89A4FF;--purple-l:#4C63D6;--purple-d:rgba(137,165,255,0.12);--coral:#F08070;--coral-d:rgba(240,128,112,0.1);--green:#1D9E75;--w:#0C0C0B;--g1:#F0EFED;--g2:#E4E2DF;--g3:#C8C6C2;--g4:#8A8880;--g5:#6B6965;--g6:#3A3936;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif;--r:10px;--r-lg:16px;--r-xl:24px}
/* Palette de la refonte de l'accueil : le sable remplace le bleu-voile
   pour les grands fonds ; le voile reste pour les petits aplats. */
:root{--sable:#F5F0E8;--voile:#F4F6FD;--encre:#0B0B0F;--abricot:#FAB28E;--bleu-fonce:#3A55D6;--trait:#E3E7F3;--muted:#5B5E6B;--gris:#8A8C97}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--w);font-family:var(--sans);font-size:15px;line-height:1.6;overflow-x:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Apparition des bulles et des pièces : montée de 8px en fondu, 240ms. */
@media (prefers-reduced-motion:no-preference){.rise{animation:rise 240ms ease-out both}}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* Barres de défilement : 12px, poignée arrondie de 8px (Chrome, Edge, Safari) ;
   Firefox : largeur standard, mêmes couleurs. */
html{scrollbar-color:var(--g3) transparent}
::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--g3);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background-color:var(--g4)}

/* Discover / Ask / Search / Product avaient leur propre thème depuis
   l'origine du refactor (déjà clair) — inutile de le redéfinir ici
   maintenant qu'il est identique à :root. Seule règle encore utile : */
#discover .disc-blk-ttl strong{color:#0C0C0B}