:root {
  --color-primary: var(--primary-green);
  --color-secondary: #eaf4e8;
  --color-accent: #f3f4f6;
  --color-text-dark: var(--text-dark);
  --color-white: var(--white);
  --primary-color: var(--primary-green);
  --secondary-orange: #fb923c;
  --light-green-bg: #f3fbf5;
  --bg-light-green: #f3fbf5;
  --bg-beige: #f8f6ef;
  --border-color: #e5e7eb;
  --border-orange: #fdba74;
  --border-green: #86efac;
  --accent-orange: #f97316;
  --accent-blue: #2563eb;
  --font-heading: 'Inter', sans-serif;
  --shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 10px 20px rgba(0, 0, 0, 0.10);
  --primary-green: #2d5f3f;
  --primary-orange: #e67e22;
  --text-dark: #111827;
  --text-gray: #4b5563;
  --bg-light: #f3f4f6;
  --white: #ffffff;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--text-gray);
  background-color: var(--white);
  line-height: 1.5;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--primary-green);
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 700;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}