/* =====================================================
   MAXIME DUFLOT — Design Tokens
   Modifiez ici pour changer couleurs, typo, espacements
   sur l'ensemble du site.
   ===================================================== */

:root {
  /* ── Couleurs ── */
  --paper:       #efe9dd;
  --paper-soft:  #f6f1e6;
  --paper-deep:  #e3dccd;
  --ink:         #1c1814;
  --ink-soft:    #5a544c;
  --rust:        #988463;
  --gold:        #9a7a4a;

  /* ── Typographie ── */
  --font-serif:  'Fraunces', serif;
  --font-sans:   'Inter', system-ui, sans-serif;

  /* ── Layout ── */
  --nav-h:       80px;
  --gutter:      48px;
  --section-pad: clamp(80px, 10vw, 140px);
  --content-max: 1240px;
}

/* ── Gutter responsive ── */
@media (max-width: 767px) {
  :root { --gutter: 28px; }
}
@media (max-width: 479px) {
  :root { --gutter: 20px; }
}