/* skin mix */
:root{
  --f-disp:'Familjen Grotesk',ui-sans-serif,system-ui,sans-serif;
  --f-body:'Public Sans',ui-sans-serif,system-ui,sans-serif;
  --paper:#ffffff;--wash:#f0f3ee;--ink:#1e2a22;--muted:rgba(30,42,34,0.70);
  --line:rgba(30,42,34,0.12);--line-2:rgba(30,42,34,0.26);
  --acc:#336e30;--acc-d:#295a27;--star:#d99a00;--r:10px;
}
/* ===== identite v2 (punch2 A) ===== */
/* 2026-10-16 : logo 584x112 (identites/build_identites.py : picto crochet, mise en page monogramme) */
:root{--brand-logo:url(/ui/brand.webp);--brand-ratio:5.214;--brand-h:48px;--mark:url(/ui/mark.webp);--brand-svg:none;--brand-show:block;--acc-ink:#fff}
body.u .u-brand>svg{display:var(--brand-svg,block)}
body.u .u-brand::before{content:"";flex:none;display:var(--brand-show,none);height:var(--brand-h);width:calc(var(--brand-h) * var(--brand-ratio));max-width:min(60vw,260px);background:url(/ui/brand.png) left center/contain no-repeat;background-image:var(--brand-logo)}
body.u .u-brand>b{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.u .u-ft .u-brand::before{box-sizing:content-box;padding:8px 10px;background-color:var(--paper);background-origin:content-box;border-radius:calc(var(--r) / 2)}
@media (max-width:640px){:root{--brand-h:40px}}
body.u header.u-hd{background-color:var(--hd-bg)!important}   /* V8 css/styles.css force header{background:#ea580c!important} */
/* ----- style du site ----- */
/* haut de page nuit · cartes plein · titres souligne */
body.u .u-hero{background:var(--ink);color:#fff}body.u .u-hero h1{color:#fff}body.u .u-hero .u-lead{color:rgba(255,255,255,.86)!important}body.u .u-hero .u-search label{color:#fff}body.u .u-hero .u-search-row{border-color:#fff}body.u .u-hero-fig figcaption{color:rgba(255,255,255,.7)}body.u .u-hero::after{opacity:.16}
body.u main .bg-gray-700{background:var(--ink)!important}
body.u .u-cols a{background:var(--wash)!important;border-color:transparent!important;font-weight:600}
body.u .u-index h2::after{width:100%;height:2px;background:var(--line-2)}body.u .u-index h2{color:var(--acc)}
/* ----- fin style du site ----- */
/* ===== fin identite v2 ===== */
