@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --bg:#f6f4ef;
  --panel:#ffffff;
  --text:#0f172a;
  --muted:#475569;
  --line:rgba(15,23,42,.12);
  --shadow: 0 18px 55px rgba(15,23,42,.12);
  --radius: 24px;
  --max:1120px;
  --pad:22px;
  --accent-intervention:#c62828;
  --accent-nature:#2f855a;
  --font: "Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  --fs-base:16px;
  --lh-base:1.6;
  --prose-max:72ch;
}

*{box-sizing:border-box}
html,body{height:100%}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--font);
  color:var(--text);
  background: radial-gradient(900px 520px at 12% 0%, rgba(15,23,42,.04), transparent 58%), var(--bg);

  font-size: var(--fs-base);
  line-height: var(--lh-base);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a{color:inherit; text-decoration:none}
img{max-width:100%; height:auto}

.container{max-width:var(--max); margin:0 auto; padding:0 var(--pad)}
.small{font-size:.95rem}
.tiny{font-size:.86rem}
.muted{color:var(--muted)}

/* Footer (classes identiques à ton footer) */
footer{
  margin-top: 22px;
  padding: 22px 0 26px;
  border-top: 1px solid var(--line);
  background: rgba(255,255,255,.58);
}
.footerGrid{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap:18px;
}
@media (max-width: 900px){ .footerGrid{grid-template-columns:1fr} }
.cols{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:18px;
}
@media (max-width: 650px){ .cols{grid-template-columns:1fr} }
.hFoot{ margin:0 0 8px; font-size:.98rem; }
.footerGrid a{ color: var(--muted); }
.footerGrid a:hover{ color: var(--text); }
.copy{ margin-top:14px; color:var(--muted); font-size:.9rem; }