:root {
  /* brand palette */
  --clr-primary: #c4a289;
  --clr-accent:  #b3543d;
  --clr-accent2: #badbd9;
  --clr-light:   #faf9f7;
  --clr-dark:    #3c3c3c;

  /* typography */
  --ff-heading: 'Playfair Display', serif;
  --ff-body: "Avenir Next", Avenir, "Segoe UI", sans-serif;

  --fs-900: clamp(2.8rem, 5vw + 1rem, 4.5rem);
  --fs-700: 2rem;
  --fs-500: 1.25rem;
  --fs-400: 1rem;

  /* spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
}