/* ==========================================================================
   EDM — base.css
   Reset, corps de page, typographie globale et structure de section.
   Repris à l'identique du design system V1.
   ========================================================================== */

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--body);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

/* Titres & texte d'accroche */
h2{font-family:var(--disp);font-weight:700;font-size:clamp(32px,4vw,52px);line-height:1.02;letter-spacing:-.02em}
h2 .o{color:var(--orange)}                 /* un mot en orange dans un titre, avec parcimonie */
/* Titres H3/H5/H6 = Archivo (sinon écrasés en Playfair par le thème parent). */
h3,h5,h6{font-family:var(--disp) !important}
/* H4 = libellés (footer, sommaire, encarts) : forcer Inter (sinon écrasé par le thème parent). */
h4{font-family:var(--body) !important}
.lead{font-size:clamp(16px,1.5vw,18px);color:var(--grey);max-width:600px;margin-top:18px}

/* Rythme vertical des sections */
section{padding:clamp(64px,8vw,116px) var(--pad);position:relative}
.sec-alt{background:var(--off)}            /* fond blanc cassé */
.sec-sky{background:var(--sky-pale)}       /* fond bleu pâle */
.sec-deep{background:var(--sky-deep);color:#fff}
.sec-deep h2{color:#fff}.sec-deep .lead{color:rgba(255,255,255,.82)}

/* Accessibilité : focus visibles */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:3px solid var(--sky);outline-offset:2px
}

/* Préférence mouvement réduit */
@media(prefers-reduced-motion:reduce){.btn:hover{transform:none}*{scroll-behavior:auto}}