:root {
  --mhm-primary: #5A8258;
  --mhm-secondary: #C0D5C5;
  --mhm-accent: #8B9D83;
  --mhm-bg: #F7F5F2;
  --mhm-text: #2B3A2E;
  --mhm-link: #5A8258;
  --mhm-muted: #6B7870;
  --mhm-border: #6B7870;
  --mhm-card-1: #FFFFFF;
  --mhm-card-2: #C4856A;
  --mhm-card-3: #FFFFFF;
  --mhm-card-4: #E5EBE5;
  --mhm-card-5: #D9E2D9;
  --mhm-card-6: #2B2B2B;
  --mhm-card-bg: var(--mhm-card-1);
  --mhm-heading-font: "Alegreya", Georgia, serif;
  --mhm-body-font: "Urbanist", system-ui, sans-serif;
  --mhm-base-font: 16px;
  --mhm-heading-weight: 600;
  --mhm-body-weight: 400;
  --mhm-heading-style: normal;
  --mhm-body-style: normal;
  --mhm-line-height: 1.6;
  --mhm-heading-line-height: 1.2;
  --mhm-space: 16px;
  --mhm-space-xs: 4px;
  --mhm-space-sm: 8px;
  --mhm-space-md: 16px;
  --mhm-space-lg: 24px;
  --mhm-space-xl: 32px;
  --mhm-space-2xl: 48px;
  --mhm-space-3xl: 64px;
  --mhm-radius: 12px;
  --mhm-radius-sm: 6px;
  --mhm-radius-lg: 20px;
  --mhm-radius-full: 9999px;
}