:root {
  /* typography */
  --font: "Inter", sans-serif;
  --body-color: #201A10;        /* very dark brown for body text */
  --heading-color: #1D3B2A;     /* deep forest green for headings */

  /* global backgrounds */
  --background-color: #F4F0E5;  /* pale parchment */
  --white:             #ffffff;
  --dark-color: #3A2F1B;
  /* accent tones */
  --primary-color:     #DBA13A; /* golden/yellow */
  --highlight-color:   #3A2F1B; /* mid brown */

  /* nav text on dark strip */
  --navigation-font:   #F4F0E5;

  /* section‐banner backgrounds (from top to bottom) */
  --hero-banner-bg:      #A3B085; /* sage green */
  --about-background:    #F4F0E5; /* pale parchment */
  --zones-teaser-bg:     #DBA13A; /* golden */
  --vendor-callout-bg:   #F4F0E5; /* pale parchment */
  --event-info-bg:       #D0B873; /* soft tan */
  --gallery-bg:          #A3B085; /* sage green (repeat) */
  --footer-bg:           #3A2F1B; /* dark brown */
}