/* base.css — reset + typo */
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--header-h-mobile) + 8px);
  -webkit-text-size-adjust:100%;
}
@media(min-width:768px){html{scroll-padding-top:calc(var(--header-h) + 8px);}}
body{
  font-family:var(--ff-body);
  color:var(--text);
  background:var(--bg);
  font-size:16px;
  line-height:1.6;
  overflow-x:clip;            /* clipping horizontal sans creer de scroller (PIEGE PROD #11) */
  -webkit-font-smoothing:antialiased;
}
img,video,iframe{max-width:100%;display:block;}
figure{margin:0;}             /* PIEGE PROD #5 — reset UA margin 0 40px */
[hidden]{display:none !important;} /* PIEGE PROD #8 */
h1,h2,h3,h4{font-family:var(--ff-display);font-weight:600;line-height:1.18;margin:0 0 .5em;color:var(--text);letter-spacing:-.005em;}
p{margin:0 0 1em;color:var(--text-2);}
ul,ol{margin:0 0 1em;padding-left:1.25em;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}
button{font-family:inherit;cursor:pointer;}

::selection{background:color-mix(in srgb,var(--accent) 26%,transparent);color:var(--text);}
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 50%,transparent);border-radius:4px;}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px;}
::placeholder{color:var(--text-mute);opacity:1;}

/* Container helper */
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px;}
@media(min-width:768px){.container{padding:0 32px;}}