/* ERYX MAROC | intégration premium, structure et optimisation web. */
/* =========================================================
   Paramètres globaux : couleurs, tailles et variables UI.
   ========================================================= */
:root{
  --green:#0a7b45;
  --green-2:#0f9a5d;
  --green-3:#e9f8ef;
  --dark:#071f17;
  --ink:#13251d;
  --muted:#60756b;
  --line:#dbece3;
  --white:#fff;
  --gold:#c99a34;
  --shadow:0 24px 70px rgba(6,31,23,.13);
  --shadow-soft:0 14px 40px rgba(6,31,23,.08);
  --radius-lg:30px;
  --radius-md:20px;
  --radius-sm:14px;
  --container:1180px;
  --header-offset:118px;
  --ease:cubic-bezier(.22,1,.36,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header-offset)}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--ink);
  background:#fbfffc;
  line-height:1.65;
  text-rendering:optimizeLegibility;
}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}

/* Hiérarchie typographique harmonisée, sans titres surdimensionnés. */
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(1.75rem,3.4vw,2.85rem);line-height:1.12;letter-spacing:-.045em;margin-bottom:18px;color:var(--dark);max-width:760px}
h2{font-size:clamp(1.35rem,2.15vw,1.95rem);line-height:1.18;letter-spacing:-.035em;margin-bottom:14px;color:var(--dark)}
h3{font-size:clamp(1rem,1.18vw,1.22rem);line-height:1.28;margin-bottom:10px;color:var(--dark)}
p{color:var(--muted);margin-bottom:0}.lead{font-size:clamp(.96rem,1.12vw,1.06rem);max-width:660px;color:#43584f}

::selection{background:rgba(10,123,69,.18);color:var(--dark)}