:root {
  --color-primary: #0f4c46;
  --color-primary-dark: #0a332f;
  --color-accent: #d97b3f;
  --color-accent-light: #f2a866;
  --color-bg: #ffffff;
  --color-bg-alt: #f5f7f6;
  --color-text: #1c2624;
  --color-text-muted: #55625f;
  --color-border: #e0e6e4;
}

.header-badge {
  background: var(--color-primary);
  color: #ffffff;
}

.nav-link:hover,
.nav-link.active {
  color: var(--color-primary);
  border-bottom-color: var(--color-accent);
}

.hero-title-band {
  background: var(--color-primary);
  color: #ffffff;
}

.feature-text h2 {
  color: var(--color-primary);
}

.why-band {
  background: var(--color-bg-alt);
}

.why-item h3 {
  color: var(--color-primary);
}

.why-item h3::before {
  background: var(--color-accent);
}

.capability-band {
  background: var(--color-primary-dark);
  color: #ffffff;
}

.capability-list li::before {
  color: var(--color-accent-light);
}

.relationship-band h2 {
  color: var(--color-primary);
}

.site-footer {
  background: var(--color-primary-dark);
  color: #ffffff;
}

.footer-bottom a {
  color: var(--color-accent-light);
}

.cta-btn,
.hero-cta {
  background: var(--color-accent);
  color: #ffffff;
}

.cta-btn:hover,
.hero-cta:hover {
  background: var(--color-primary);
}