/* ============================================================
   VARIABLES — design tokens
   ============================================================ */

:root {
  /* Couleurs principales */
  --color-bark:     #3d2b1f;   /* brun profond — fond navbar, footer */
  --color-bark-mid: #5a3a25;   /* brun intermédiaire */
  --color-clay:     #c07a4a;   /* terre cuite — accent principal */
  --color-clay-light: #d4956a;
  --color-moss:     #5c6b3a;   /* vert mousse — accent secondaire */
  --color-cream:    #faf7f2;   /* fond clair */
  --color-warm:     #f0e6d3;   /* fond section alt */
  --color-border:   #e0d0bc;

  /* Texte */
  --color-text:     #2c1f14;
  --color-muted:    #7a6552;
  --color-light:    #c4b09a;

  /* Typographie */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Jost', sans-serif;

  /* Espacements */
  --section-pad: 4rem 2rem;
  --inner-max:   920px;

  /* Transitions */
  --transition: 0.25s ease;

  /* Ombres */
  --shadow-sm: 0 2px 12px rgba(61, 43, 31, 0.08);
  --shadow-md: 0 6px 30px rgba(61, 43, 31, 0.12);
}