/* NOUSVOS · thème « C · Bonsaï » (choix de l'équipe, 20 oct. 2026).
   Pour changer de thème : remplacer ce fichier dans la balise <link> de index.html.
   Les couleurs viennent du logo : feuilles #253d23, écorce #57331b, crème #e8e9e1, encre #151515, sauge #889056. */
:root{
  --forest:#253d23; --forest-light:#33522f; --brown:#57331b;
  --sage:#889056; --sage-light:#aab183;
  --cream:#e8e9e1; --cream-2:#dfe0d6; --paper:#f4f4ee; --mint:#dfe6dc;
  --ink:#151515; --ink-soft:#5f6158; --line:#d3d6c6;
}
html,body{background:var(--cream-2)}
.app{background:var(--cream)}

/* En-tête */
.wordmark img{height:14px;display:block}
.badge{background:var(--mint);border-color:transparent;color:var(--forest)}
.step-label{color:var(--brown);letter-spacing:.12em}
.seg.filled{background:var(--brown)}

/* Accueil et merci : centrés, emblème bonsaï, filet d'écorce */
.land .content,.center-content{text-align:center;align-items:center}
.land .title-block{align-items:center}
.emblem{display:block;margin:0 auto;height:96px;width:auto}
.center-content .emblem{height:112px}
.eyebrow{color:var(--brown);letter-spacing:.14em;text-transform:uppercase;font-size:11.5px;font-weight:600}
.title-block h1,.step-title h1{color:var(--forest)}
.rule{height:3px;width:44px;background:var(--brown);border-radius:2px;margin:2px auto 0}
.land .benefits{border-top:0;padding:16px;background:var(--paper);border-radius:14px;text-align:left;width:100%;box-sizing:border-box}
.check-dot{background:transparent;width:20px;height:20px}

/* Questions */
.pill{background:var(--paper);border-color:var(--line)}
.pill:hover{border-color:var(--sage)}
.pill.selected{background:var(--mint);border-color:var(--forest);color:var(--forest);font-weight:600}
.pill.selected .dot{background:var(--brown);border-color:var(--brown);box-shadow:inset 0 0 0 3px var(--mint)}
.field input{background:#fbfbf8;border-color:var(--line)}
.field input:focus{outline-color:var(--sage);border-color:var(--forest)}

/* Boutons : vert feuille, socle d'écorce */
.cta{background:var(--forest);color:var(--cream);border-bottom:3px solid var(--brown)}
.cta:hover{background:var(--forest-light)}
.cta.secondary{background:var(--paper);color:var(--ink);border:1.5px solid var(--line)}
.footer{background:var(--cream);border-top-color:var(--line)}

/* Fiche « prochaine étape » */
.info-card{background:var(--paper);border-color:transparent}
.info-card .eyebrow{color:var(--brown)}

/* Choix multiples (29 oct.) : case carrée avec crochet crème */
.pill.multi.selected .dot{background:var(--forest);border-color:var(--forest);box-shadow:none}
.q-hint{color:var(--ink-soft)}

/* Merci : crochet dans un cercle vert feuille, socle d'écorce (29 oct.) */
.circle-icon.ok{background:var(--forest);box-shadow:0 4px 0 var(--brown);margin:0 auto}