@font-face{
  font-family:'Cormorant';
  src:url('fonts/CormorantGaramond-400.woff2') format('woff2');
  font-weight:300 600; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Inter';
  src:url('fonts/Inter-400.woff2') format('woff2');
  font-weight:300 600; font-style:normal; font-display:swap;
}

:root{
  --ink:#14130F; --ink-soft:#4A4640; --paper:#FBF8F2; --sand:#E4D7C2;
  --bamboo:#B98F4E; --bamboo-2:#8E6B35; --sage:#56614C; --line:#E3D9C7;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--paper); color:var(--ink); line-height:1.68;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  font-size:16px; -webkit-font-smoothing:antialiased;
}
main{max-width:760px; margin:0 auto; padding:clamp(40px,7vw,80px) 24px 96px}
h1,h2{font-family:'Cormorant',Georgia,serif; font-weight:400; letter-spacing:-.01em}
h1{font-size:clamp(32px,5vw,46px); line-height:1.06; margin:0 0 26px}
h2{font-size:clamp(20px,2.4vw,25px); margin:38px 0 10px}
p{font-size:15.5px; margin:0 0 14px; color:var(--ink-soft)}
strong{color:var(--ink); font-weight:500}
a{color:var(--bamboo-2)}
.retour{display:inline-block; margin-bottom:28px; font-size:13px; text-decoration:none; color:var(--sage)}
.brouillon{
  background:#F6EFE1; border-left:2px solid var(--bamboo); padding:14px 18px;
  font-size:13.5px; color:var(--ink-soft); margin-bottom:34px;
}
.pied{border-top:1px solid var(--line); margin-top:56px; padding-top:22px; font-size:12.5px; color:var(--sage)}
@media(max-width:520px){ main{padding-top:32px} h1{font-size:29px} }