:root {
  --color-accent:      #97d30c;
  --color-accent-dark: #7aab09;
  --color-bg:          #ffffff;
  --color-text:        #2b2b2b;
  --color-text-light:  #5c5c5c;

  --max-width:         1400px;
  --gutter:            4vw;
  --header-height:     64px;

  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Work Sans', system-ui, sans-serif;

  --carousel-gap:  20px;
  --arrow-offset:  5vw;
  --transition:    0.3s ease;
}

@media (max-width: 767px) {
  :root { --gutter: 6vw; }
}