:root {
  /* COLORS */
  --color-primary: #304229;         /* main headings/nav */
  --color-secondary: #66703c;       /* accents, borders */
  --color-tertiary: #876b43;        /* links, secondary buttons */
  --color-highlight: #dca74b;       /* CTA buttons */
  --color-background: #f7f5f2;      /* main background */
  --color-background-alt1: #f2eedb; /* section alternate */
  --color-background-alt2: #eae3d5; /* another section alternate */
  --color-text: #304229;
  --color-text-alt1: #f7f5f2;
  --color-text-alt2: #dca74b;  
  --color-text-alt3: #876b43; 
  --color-text-hover: rgba(255, 255, 255, 0.1);           /* body text */

  /* FONTS */
  --font-heading: 'Fraunces', serif;
  --font-body: 'PT Sans', sans-serif;

  /* MAX WIDTH */
  --max-width: 1100px;
}