/* Pages légales : reprend les variables et le motif de index.html */
@font-face{font-family:"Archivo";src:url("fonts/archivo-latin.woff2") format("woff2");font-weight:400 900;font-stretch:62% 125%;font-display:swap}
:root{
  --vert:#1F5C4A;
  --moutarde:#E2B33C;
  --fond:#F3F5F2;
  --blanc:#FFFFFF;
  --encre:#18221E;
  --gris:#5E6B65;
  --trait:#D5DCD7;
  --max:760px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Archivo",system-ui,sans-serif;font-variation-settings:"wdth" 100;color:var(--encre);background:var(--fond);font-size:1.0625rem;line-height:1.55}
a{color:inherit}
:focus-visible{outline:3px solid var(--moutarde);outline-offset:2px;border-radius:3px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
h1,h2{font-variation-settings:"wdth" 118;line-height:1.05;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5vw,3rem);font-weight:850;margin-bottom:.3em}
h2{font-size:1.35rem;font-weight:800;margin:2em 0 .5em}
p,ul{margin-bottom:.8em}
ul{padding-left:1.2em}
.muted{color:var(--gris)}

.store{height:34px;background:repeating-linear-gradient(90deg,var(--vert) 0 48px,var(--blanc) 48px 96px);
  -webkit-mask:radial-gradient(circle 24px at 24px 10px,#000 98%,transparent) 0 0/48px 34px repeat-x,linear-gradient(#000,#000) 0 0/100% 10px no-repeat;
          mask:radial-gradient(circle 24px at 24px 10px,#000 98%,transparent) 0 0/48px 34px repeat-x,linear-gradient(#000,#000) 0 0/100% 10px no-repeat}
header{background:var(--vert);color:var(--blanc)}
.nav{padding:18px 24px;max-width:var(--max);margin:0 auto}
.logo{font-weight:850;font-variation-settings:"wdth" 125;font-size:1.2rem;text-decoration:none}
.logo span{color:var(--moutarde)}
main{padding:64px 0 88px}
footer{background:var(--encre);color:#C9D2CD;padding:40px 0;font-size:.93rem}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}