/* 🎬 Démo (27/10, Sam : « on reste cohérent ») : la démo prend la charte de vendix.fr (papier chaud, vert
   profond, Fraunces + Public Sans). Chargée APRÈS style.css et seulement en mode démo : la vraie boutique
   des Zaff garde sa propre identité. */
:root {
  --blue: #1f4d3f; --blue-dark: #163a30; --black: #1d1b18; --bg: #fbf8f3; --card: #ffffff;
  --text: #1d1b18; --muted: #5d574e; --line: #e5ddd0;
  --display: "Fraunces", Georgia, "Times New Roman", serif;
  --body: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color-scheme: light;
}
h1, h2 { font-weight: 600; letter-spacing: -0.015em; line-height: 1.12; text-wrap: balance; }
.drop-title { font-weight: 600; line-height: 1.05; letter-spacing: -0.02em; }
.btn-tg { box-shadow: 0 8px 24px rgba(31, 77, 63, .28); }
.card-img, .gallery img, .gallery-noimg, .card-img:has(img.in) { background: #f3eee5; }
.card-img { background: linear-gradient(110deg, #f3eee5 30%, #faf6ef 50%, #f3eee5 70%); background-size: 200% 100%; }
.cta-bar { background: rgba(251, 248, 243, .94); }
.pill-pick small, .pill-size small { color: #b4472f; }
.demo-bar a, a.demo-bar b, .tour-done .tour-kicker, .tour-wow .hint a { color: #cfe3d8; }
.tour-bar { background: #ece5d8; }
.tour-bar i { background: linear-gradient(90deg, #1f4d3f, #3d8a6c); }
.tstep { border-color: var(--line); }
.tstep.cur { box-shadow: 0 0 0 2px rgba(31, 77, 63, .16), 0 10px 28px rgba(31, 77, 63, .10); }
/* Bandeau de la visite : plus de jaune vif, le vert de Vendix */
.guide { background: #e7efe9; color: #1d1b18; border-bottom: 1px solid #c9dccf; box-shadow: 0 6px 18px rgba(29, 27, 24, .10); }
.guide-n { background: #1f4d3f; color: #fff; }
.guide-txt b, .guide-go { color: #1f4d3f; }
.vendix-word { font: 600 1.6rem/1 "Fraunces", Georgia, serif; color: #1f4d3f; letter-spacing: -.01em; }
.next-steps { text-align: left; margin: 0 auto 16px; max-width: 420px; padding-left: 22px; } .next-steps li { margin: 8px 0; }