/* ─────────────────────────────────────────
   variables.css — Design tokens & reset
   ───────────────────────────────────────── */

*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  /* Palette */
  --cream:      #fffaf3;
  --warm:       #f0e6d3;
  --accent-bg:  #2a1f17;   /* fond sections sombres — texte blanc dessus */
  --stone:      #d6c9b8;

  /* Typographie */
  --ink:        #1a1410;
  --ink-mid:    #645243;
  --ink-light:  #a89178;
  --white:      #ffffff;

  /* Espacements */
  --section-pad: 8rem 2rem;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Jost", sans-serif;
  background: var(--cream);
  color: var(--ink);
  overflow-x: hidden;
}