/* skin mix */
:root{
  --f-disp:'Red Hat Display',ui-sans-serif,system-ui,sans-serif;
  --f-body:'Red Hat Text',ui-sans-serif,system-ui,sans-serif;
  --paper:#ffffff;--wash:#edf5f4;--ink:#102a43;--muted:rgba(16,42,67,0.70);
  --line:rgba(16,42,67,0.12);--line-2:rgba(16,42,67,0.26);
  --acc:#005766;--acc-d:#004753;--star:#d99a00;--r:6px;
}
/* ===== identite v2 (punch2 A) ===== */
/* 2026-10-10 : logo reel 401x112 (crop 865x240+78+384, symbole cols), en-tete ink->light, acc #005766->#b03cc3 (logo #bd5dcd) */
:root{--brand-logo:url(/ui/brand.webp);--brand-ratio:3.58;--brand-h:48px;--mark:url(/ui/mark.webp);--brand-svg:none;--brand-show:block;--hero-side:row-reverse;--acc-ink:#fff}
html:root{--r:4px}
:root{--acc:#b03cc3;--acc-d:#9031a0}
body.u[data-hd]{--hd-bg:var(--paper);--hd-ink:var(--ink);--hd-line:var(--line)}
body.u[data-hd] .u-hd .u-btn--ink{background:var(--acc);color:var(--acc-ink)!important}
body.u .u-hd{border-bottom:4px solid var(--acc)}
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}}
/* ===== fin identite v2 ===== */