:root {
  --moax-green: #00522f;
  --moax-green-dark: #003d23;
  --moax-gold: #c09c29;
  --moax-wine: #64002f;
  --moax-tint: #f2f6f3;
  --bs-body-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-body-color: #1f2a24;
  --bs-link-color-rgb: 0, 82, 47;
  --bs-link-hover-color-rgb: 0, 61, 35;
  --bs-focus-ring-color: rgba(0, 82, 47, 0.35);
}

.btn-primary {
  --bs-btn-bg: var(--moax-green);
  --bs-btn-border-color: var(--moax-green);
  --bs-btn-hover-bg: var(--moax-green-dark);
  --bs-btn-hover-border-color: var(--moax-green-dark);
  --bs-btn-active-bg: var(--moax-green-dark);
  --bs-btn-active-border-color: var(--moax-green-dark);
  --bs-btn-focus-shadow-rgb: 0, 82, 47;
}

.btn-outline-primary {
  --bs-btn-color: var(--moax-green);
  --bs-btn-border-color: var(--moax-green);
  --bs-btn-hover-bg: var(--moax-green);
  --bs-btn-hover-border-color: var(--moax-green);
  --bs-btn-active-bg: var(--moax-green-dark);
  --bs-btn-active-border-color: var(--moax-green-dark);
  --bs-btn-focus-shadow-rgb: 0, 82, 47;
}

:focus-visible {
  outline: 3px solid var(--moax-green);
  outline-offset: 2px;
}

.contact :focus-visible {
  outline-color: #fff;
}

.site-header {
  border-bottom: 4px solid var(--moax-gold);
}

.brand {
  color: var(--moax-green);
  font-weight: 700;
  font-size: 1.25rem;
  text-decoration: none;
}

.brand:hover {
  color: var(--moax-green-dark);
}

.hero {
  background: var(--moax-tint);
}

.hero-logo {
  width: 100%;
  max-width: 16rem;
  height: auto;
}

.eyebrow {
  color: var(--moax-wine);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.audience {
  border-top: 4px solid var(--moax-green);
}

.contact {
  background: var(--moax-green);
  color: #fff;
}

.contact .btn-light {
  --bs-btn-color: var(--moax-green);
  --bs-btn-hover-color: var(--moax-green-dark);
  --bs-btn-active-color: var(--moax-green-dark);
}

.site-footer {
  background: #f8f9fa;
}

.prose {
  max-width: 46rem;
}