:root {
  --color-primary: #54b653;
  --color-primary-contrast: #ffffff;
  --color-bg: #f7faf8;
  --color-surface: #ffffff;
  --color-text: #202529;
  --color-muted: #656d6d;
  --color-overlay: rgba(0, 0, 0, 0.58);
  --color-overlay-strong: rgba(0, 0, 0, 0.76);
  --color-border: rgba(32, 37, 41, 0.08);
  --color-shadow: rgba(32, 37, 41, 0.16);
  --color-shadow-soft: rgba(32, 37, 41, 0.07);
  --color-shadow-dark: rgba(0, 0, 0, 0.2);
  --font-heading: "Montserrat", Arial, sans-serif;
  --font-body: "Montserrat", Arial, sans-serif;
  --radius: 0.75rem;
}