:root {
  --primary-green: #2F6B2F;
  --secondary-green: #4F8A3F;
  --gold-yellow: #F2C94C;
  --tomato-red: #D94334;
  --eggplant: #5E2E91;
  --geranium-orange: #D96C3D;
}

body {
  font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable", sans-serif;
  background-color: #FFFFFF;
  color: #333333;
}

.text-primary-green {
  color: var(--primary-green) !important;
}

.text-secondary-green {
  color: var(--secondary-green) !important;
}

.btn-primary-green {
  background-color: var(--primary-green);
  border-color: var(--primary-green);
  color: #FFFFFF;
}

.btn-primary-green:hover,
.btn-primary-green:focus {
  background-color: #254f25;
  border-color: #254f25;
  color: #FFFFFF;
}

.btn-outline-primary-green {
  border-color: var(--primary-green);
  color: var(--primary-green);
}

.btn-outline-primary-green:hover,
.btn-outline-primary-green:focus {
  background-color: var(--primary-green);
  color: #FFFFFF;
}

.hero-section {
  background-color: #f7fbf7;
}

.hero-image-wrapper img {
  object-fit: cover;
}

.card h3.h5 {
  color: var(--primary-green);
}

.cta-section {
  background: linear-gradient(120deg, var(--primary-green), var(--secondary-green));
}

.navbar-brand span {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.85rem;
}