:root {
  /* Couleurs */
  --bg:         #f8f7f4;
  --surface:    #ffffff;
  --border:     #e5e1d8;
  --border-2:   #cdc8bd;
  --text:       #1c1917;
  --muted:      #78716c;
  --accent:     #b45309;
  --accent-bg:  #fef3c7;

  /* Typographie */
  --font-sans:  'Inter', system-ui, -apple-system, sans-serif;
  --font-serif: Georgia, 'Times New Roman', serif;
  --font-mono:  'Courier New', Courier, monospace;

  /* Espacements */
  --s1:  0.25rem;
  --s2:  0.5rem;
  --s3:  0.75rem;
  --s4:  1rem;
  --s6:  1.5rem;
  --s8:  2rem;
  --s12: 3rem;
  --s16: 4rem;
  --s24: 6rem;

  /* Layout */
  --max-w:      1080px;
  --max-w-text: 680px;
  --radius:     6px;
  --ease:       0.15s ease;
}