:root {
  /* Theme Colors */
  --color-primary: #59BB71;
  --color-background: #E8F5E9;
  --color-txtcolor: #1A3D2E;
  --color-accent: #00763C;

  /* Typography - Fonts */
  --heading-font: "Fig Tree";
  --body-font: "Fig Tree";

  /* Typography - Sizes */
  --heading-size: 2rem;
  --body-size: 1rem;

  /* Typography - Spacing */
  --line-height: 1.5;
  --letter-spacing: 0em;
}

/* Apply base typography styles */
body {
  font-family: var(--body-font), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: var(--body-size);
  line-height: var(--line-height);
  letter-spacing: var(--letter-spacing);
  color: var(--color-txtcolor);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: var(--heading-size);
}