:root {
  --mh-primary: #5cc0c7;
  --mh-primary-dark: #52acb2;
  --mh-green: #3fa535;
  --mh-yellow: #e0e26b;
  --mh-dark-teal: #00595d;
  --mh-medium-teal: #007980;

  --mh-text: #585858;
  --mh-dark: #303133;
  --mh-white: #ffffff;

  --mh-font-primary: "Inter", Arial, sans-serif;

  --mh-content-width: 1280px;
  --mh-header-height: 80px;

  --mh-space-xs: 0.5rem;
  --mh-space-sm: 1rem;
  --mh-space-md: 1.5rem;
  --mh-space-lg: 2rem;
  --mh-space-xl: 4rem;

  --mh-radius-sm: 3px;

  --mh-header-overlay-height: 124px;
}

@media (max-width: 1200px) {
  :root {
    --mh-header-overlay-height: 94px;
  }
}

@media (max-width: 640px) {
  :root {
    --mh-header-overlay-height: 66px;
  }
}