/* Alsace Rachat Auto — direction « Le Colombage » (Craft Heritage Geometric). Jetons générés par construire.py à partir de directions.json ; le reste de la feuille vient de sites/alsace-rachat-auto/skin.css. */
:root{
  --bg:#FAF6EE;--bg-2:#F1EADC;--ink:#2B1D12;--ink-2:#5B4A3B;--ink-3:color-mix(in srgb,#5B4A3B 70%,#FAF6EE);
  --line:color-mix(in srgb,#2B1D12 12%,#FAF6EE);--line-2:color-mix(in srgb,#2B1D12 22%,#FAF6EE);
  --accent:#B3122E;--accent-ink:#FFFFFF;--accent-2:#5B3A1E;--accent-soft:color-mix(in srgb,#B3122E 14%,#FAF6EE);
  --f-head:'Josefin Sans',system-ui,sans-serif;--f-body:'Nunito Sans',system-ui,sans-serif;
  --r:2px;--r-lg:6px;--r-btn:2px;
}
/* ===== Le Colombage : crème, bois de chêne, rouge alsacien, poutres diagonales, angles vifs ===== */
h1,h2,h3{letter-spacing:-.015em}
h1{font-size:clamp(2.3rem,5.2vw,4.2rem)}
.kicker{color:var(--accent-2);letter-spacing:.18em}
.kicker::before{content:"";display:inline-block;width:1.2rem;height:.5rem;background:var(--accent);margin-right:.6rem;transform:skewX(-20deg);vertical-align:middle}
em{color:var(--accent)}
.topbar{background:var(--bg);border-bottom:4px solid var(--accent-2)}
.btn--primary{box-shadow:none;border-color:var(--accent)}
.btn--primary:hover{background:var(--accent-2);border-color:var(--accent-2)}
.btn--ghost{border-color:var(--accent-2);color:var(--accent-2)}

/* héros : photo encadrée */
.hero--colombage{padding:clamp(2.4rem,6vw,5rem) 0 clamp(2rem,5vw,4rem)}
.hero__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(1.6rem,4vw,4rem);align-items:center}
.colombage{position:relative;aspect-ratio:8/5;background:var(--bg-2);border:6px solid var(--accent-2);box-shadow:0 16px 40px rgba(43,29,18,.18)}
.colombage__photo{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:900px){.hero__grid{grid-template-columns:1fr}.colombage{order:-1}}

/* poutres inclinées entre les sections */
.poutre-sep{height:34px;position:relative;overflow:hidden;margin:0}
.poutre-sep::before{content:"";position:absolute;left:-4%;right:-4%;top:50%;height:9px;margin-top:-4px;background:var(--accent-2);transform:rotate(-1.1deg)}
.poutre-sep--inv::before{transform:rotate(1.1deg)}

/* composants : bois et crème */
.etats__item,.etape,.preuve__item,.post,.faq details,.formlead__card,.aside__card,.wizard-card,.contact-card,.modele,.villes-table,.offer,.chip{border-radius:var(--r);border:2px solid color-mix(in srgb,var(--accent-2) 55%,var(--bg));box-shadow:none;background:#fff}
.etats__item:hover,.post:hover,.chip:hover{border-color:var(--accent);transform:none}
.etats__num{color:var(--accent-2)}
.etape__num{border-radius:var(--r);background:var(--accent-2);color:#fff;transform:skewX(-8deg)}
.preuve{margin-top:1.6rem}
.preuve__item b{color:var(--accent)}
.sect--alt{background:var(--bg-2);border:0}
.galerie__item{border-radius:var(--r);border:6px solid var(--accent-2)}
.galerie__item figcaption{background:var(--accent-2);border-radius:2px}
.page-hero{background:var(--bg-2);border-bottom:4px solid var(--accent-2)}
.faq details[open]{border-color:var(--accent)}
.cta-final{background:var(--accent-2);color:#fff;position:relative}
.cta-final::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent 0 60px,rgba(255,255,255,.05) 60px 74px);pointer-events:none}
.cta-final__title em{color:#F1EADC}
.cta-final .btn--cream{color:var(--accent-2)}
.cta-mi{background:var(--accent-2)}
.cta-mi .btn--cream{color:var(--accent-2)}
.footer{background:var(--bg-2);border-top:4px solid var(--accent-2)}
.footer__grid{grid-template-columns:1.3fr 1fr 1fr 1.2fr}
.footer__col{border-left:6px solid var(--accent-2);padding-left:1.2rem}
@media (max-width:640px){.footer__col{border-left:0;padding-left:0}}
.callbar__btn--call{background:var(--accent-2)}