/* =========================================================
   CHARTE HARMONISÉE — POLICES + COULEURS UNIQUEMENT
   Le header validé n'est pas modifié.
   ========================================================= */

:root{
  --charte-pourpre:#5b214f;
  --charte-violet:#73507f;
  --charte-or:#c89252;
  --charte-or-fonce:#b87c3c;
  --charte-beige:#f7efe5;
  --charte-creme:#fffaf6;
  --charte-ivoire:#fffdf9;
  --charte-texte:#4a4148;
  --charte-texte-doux:#6f6370;
  --charte-ligne:rgba(91,33,79,.10);
}

/* Typographie générale du contenu */
body{
  color:var(--charte-texte);
  font-family:"Montserrat",Arial,sans-serif;
  background:var(--charte-creme);
}

main h1,
main h2,
main h3,
main blockquote{
  font-family:"Cormorant Garamond",Georgia,serif;
  color:var(--charte-pourpre);
}

main p,
main li,
main small,
main strong{
  font-family:"Montserrat",Arial,sans-serif;
}

/* Accent éditorial */
.script,
.story-note blockquote,
.personal-note p{
  font-family:"Cormorant Garamond",Georgia,serif !important;
}

.script,
.story-kicker{
  color:var(--charte-or) !important;
}

/* =========================================================
   ACCUEIL
   L'essentiel de l'Accueil est une maquette-image validée :
   on harmonise uniquement les éléments natifs autour.
   ========================================================= */

body.ig-page-accueil{
  background:var(--charte-creme);
}

body.ig-page-accueil .cards-reference{
  background:var(--charte-ivoire);
}

body.ig-page-accueil .cards-gold-rule{
  background:var(--charte-or);
}

body.ig-page-accueil .bloc-conseillere-reference{
  background:var(--charte-beige);
}

/* =========================================================
   VENDRE
   Même palette et mêmes familles typographiques que le header.
   Aucun changement de dimensions ou de mise en page.
   ========================================================= */

body.ig-page-vendre{
  --pourpre:var(--charte-pourpre);
  --violet:var(--charte-violet);
  --or:var(--charte-or);
  --or-clair:#d8b985;
  --beige:var(--charte-beige);
  --creme:var(--charte-creme);
  --ivoire:var(--charte-ivoire);
  --texte:var(--charte-texte);
  --ligne:var(--charte-ligne);
  background:var(--charte-creme);
}

body.ig-page-vendre .eyebrow{
  color:var(--charte-violet);
}

body.ig-page-vendre .sell-copy>p,
body.ig-page-vendre .pillar p,
body.ig-page-vendre .step-card p,
body.ig-page-vendre .contact-panel>p,
body.ig-page-vendre .trust-list li{
  color:var(--charte-texte);
}

body.ig-page-vendre .personal-note,
body.ig-page-vendre .story-note{
  background:rgba(255,253,249,.97);
}

body.ig-page-vendre .hero-cta,
body.ig-page-vendre .contact-button{
  background:linear-gradient(135deg,var(--charte-or) 0%,var(--charte-or-fonce) 100%);
}

body.ig-page-vendre .selling-pillars{
  background:var(--charte-ivoire);
}

body.ig-page-vendre .steps-section{
  background:var(--charte-beige);
}

body.ig-page-vendre .trust-section{
  background:var(--charte-creme);
}

body.ig-page-vendre .section-title-row>span,
body.ig-page-vendre .gold-rule,
body.ig-page-vendre .step-number,
body.ig-page-vendre .trust-list li::before{
  background:var(--charte-or);
}

/* =========================================================
   ACHETER
   Même Cormorant Garamond / Montserrat + même palette.
   La disposition actuelle reste strictement identique.
   ========================================================= */

body.ig-page-acheter{
  background:var(--charte-creme) !important;
  color:var(--charte-texte) !important;
  font-family:"Montserrat",Arial,sans-serif !important;
}

body.ig-page-acheter > main{
  background:var(--charte-ivoire) !important;
  border-color:rgba(200,146,82,.32) !important;
}

body.ig-page-acheter > main h1{
  color:var(--charte-pourpre) !important;
  font-family:"Cormorant Garamond",Georgia,serif !important;
}

body.ig-page-acheter > main p{
  color:var(--charte-texte) !important;
  font-family:"Montserrat",Arial,sans-serif !important;
}

body.ig-page-acheter > main > a{
  background:linear-gradient(135deg,var(--charte-or) 0%,var(--charte-or-fonce) 100%) !important;
  color:#fff !important;
  font-family:"Montserrat",Arial,sans-serif !important;
}

/* Liens de contenu */
body.ig-page-vendre main a:focus-visible,
body.ig-page-acheter main a:focus-visible{
  outline-color:var(--charte-violet);
}