:root {
  --color-accent-text: #9a5a00;
  --color-muted-text: var(--color-ink-soft);
  --text-light: var(--color-muted-text);
}

.eyebrow {
  color: var(--color-accent-text);
}

:is(
  .hero,
  .page-hero,
  .mission-band,
  .newsletter,
  .about-hero,
  .about-leadership,
  .about-next,
  .mission-page-hero,
  .mission-dream-center,
  .mission-cta,
  .ministries-hero,
  .ministries-grounded,
  .ministries-cta,
  .partner-hero,
  .partner-story,
  .partner-inquiry,
  .error-page__hero
) .eyebrow {
  color: var(--color-accent);
}

/* Component accents need separate light- and dark-surface pairings. */
.serve-card__number,
.about-values article > span,
.partner-pathway:not(.partner-pathway--featured) > span {
  color: var(--color-accent-text);
}

.serve-card--featured .serve-card__number,
.partner-pathway--featured > span {
  color: var(--gold-light);
}

.mission-inquiry__form .eyebrow,
.partner-inquiry__form .eyebrow {
  color: var(--color-primary);
}