/* legacy.css -- pont v2 -> v3 pour les pages qui portent encore des styles en ligne v2.
   Chargé AVANT les styles en ligne de la page ; tokens.css, components.css et site.css
   sont chargés APRÈS (juste avant </head>), donc ils l'emportent sur les classes communes.
   Rôle : les règles propres à une page (faq-item, prose, fiches...) gardent leur mise en
   page, mais leurs variables v2 pointent vers les jetons v3 (fond clair, encre, stylo).
   À supprimer quand chaque page aura ses styles réécrits en v3. Créé le 2026-10-04. */
:root {
  --bg: #FAF8F4;               /* papier */
  --surface: #F2EEE6;          /* papier-2 */
  --surface-hover: #ECE7DD;
  --border: #D9D4CA;           /* filet doux */
  --border-strong: #1E1E1C;    /* encre */
  --hairline: #D9D4CA;
  --hairline-strong: #1E1E1C;
  --text: #1E1E1C;
  --text-secondary: #56544F;
  --text-muted: #56544F;       /* texte 2 : le texte 3 du DS (#8A877F, 3,38:1) est réservé aux textes >= 18 px,
                                  or les pages v2 l'emploient pour dates, méta et notes en petit (polish 2026-10-04) */
  --accent: #2446C8;           /* stylo : la seule couleur de signature */
  --accent-on: #FAF8F4;
  --data: #2446C8;
  --data-on: #FAF8F4;
  --cursor: #2446C8;
  --orange: #2446C8;
  --teal: #2446C8;
  --charbon: #1E1E1C;
  --papier: #FAF8F4;
  --anthracite: #F2EEE6;
  --gris: #56544F;
  --gris-dim: #56544F;
  --font-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: "Young Serif", Georgia, serif;
  --maxw: 1200px;
}
/* Aucune animation pilotée par le défilement (règle non négociable du DS v3). */
.reveal, .reveal.in { opacity: 1 !important; transform: none !important; transition: none !important; }
.cursor { display: none !important; }

/* Pilules : seul élément rond du site (DS v3). Les cartes, encadrés et images v2
   arrondis repassent à angle droit. Les boutons et étiquettes gardent leur forme. */
body *:not(.btn):not(.cc-tag):not([class*="chip"]):not([class*="pill"]):not(.poignee):not(.poignee *) { border-radius: 0 !important; }

/* Marqueurs « // » de la v2 (signature « code ») retirés le 2026-10-04.
   En v3, une note est une annotation : écriture manuscrite, stylo bleu. */
.a-answer .label::before, .a-aside::before, .card-note::before, .exit-note::before,
.filter-count::before, .gallery-hint::before, .gate-kicker::before, .guarantee::before,
.stackline::before, .stat-note::before, .transferable::before, .usenote::before { content: none !important; }
.promise li::before { content: "·  " !important; color: var(--cc-stylo) !important; }
.stat-note, .card-note, .exit-note, .guarantee, .transferable, .gallery-hint {
  font-family: var(--cc-font-note) !important; color: var(--cc-stylo) !important;
  text-transform: none !important; letter-spacing: 0 !important;
}
/* Une note longue (hypothèses de ROI, plus de 90 signes) n'est plus une annotation : en
   manuscrit, elle se lit mal. Elle passe en texte courant, en texte 2 (polish 2026-10-04). */
.stat-note.stat-note--long {
  font-family: var(--cc-font-texte) !important; color: var(--cc-texte-2) !important;
  font-size: 14px; line-height: 1.55;
}

/* Titres : Young Serif, graisse normale, comme sur l'accueil et les offres (2026-10-04).
   Couvre les titres des articles (a-title, a-h2, a-h3), des cartes et des FAQ v2. */
h1, h2, h3, .a-title, .a-h2, .a-h3, .faq-q, .note-title {
  font-family: var(--cc-font-titre) !important; font-weight: 400 !important; letter-spacing: -0.01em;
}
