:root {
  /* Brand Colors */
  --gold:        #C9A96E;
  --gold-lt:     #E8D5B0;
  --gold-dk:     #A07940;
  --cream:       #FAF7F2;
  --cream-dk:    #F2EDE4;
  --dark:        #1A1610;
  --dark-2:      #2C2419;
  --text:        #3D3226;
  --muted:       #8A7A65;
  --border:      #E5DDD0;
  --white:       #FFFFFF;

  /* Typography */
  --serif:  'Playfair Display', Georgia, 'Times New Roman', serif;
  --sans:   'Jost', 'Segoe UI', Arial, sans-serif;

  /* Spacing */
  --section-pad: 6rem;
  --container:   1200px;

  /* Transitions */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur:  0.3s;
}

@media (max-width: 768px) {
  :root {
    --section-pad: 4rem;
  }
}