:root {
  --color-primary:        #00BD86;
  --color-primary-dark:   #009e70;
  --color-hero-bg:        #D9E1CF;
  --color-page-bg:        #ffffff;
  --color-text:           #1a1a1a;
  --color-text-muted:     #555555;
  --color-btn-bg:         #00BD86;
  --color-btn-text:       #ffffff;
  --color-btn-hover-text: #000000;

  --font-heading: 'Spectral', serif;
  --font-body:    'Karla', sans-serif;
  --font-btn:     'Josefin Sans', sans-serif;

  --radius-card:  28px;
  --radius-img:   clamp(18px, 2vw, 36px);
  --radius-btn:   999px;
  --radius-input: 10px;
}