:root {
  --cream:  #f7f3ed;
  --warm:   #ede8df;
  --stone:  #c9bfb0;
  --bark:   #6b5c4e;
  --earth:  #3d2f23;
  --red:    #c0281c;
  --border: rgba(107,92,78,0.18);
  --text:   #2e2219;
  --muted:  #9a8878;
}

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

html { scroll-behavior: smooth; }

body {
  background: var(--cream);
  color: var(--text);
  font-family: 'DM Sans', sans-serif;
  font-weight: 300;
  line-height: 1.7;
}

h1, h2, h3 {
  font-family: 'Playfair Display', serif;
  font-weight: 900;
  line-height: 1.1;
  color: var(--earth);
}

img { max-width: 100%; display: block; }