// =============================================================================
// SECTION TYPOGRAPHY — Eyebrow labels + Section titles
// Used across: gallery, testimonials, tab-component-2 …
// Thin consumers of the shared display-heading/eyebrow-text mixins
// (_mixins.scss) — see those for the actual type spec and cross-component
// duplication this replaces.
// =============================================================================

@import '../mixins';

.section-eyebrow {
  @include eyebrow-text($mobile-weight: var(--fw-semibold), $uppercase: true);
  color: var(--color-nandor);       // #49554c — distinct from the text-primary/-secondary eyebrow tone used elsewhere
  letter-spacing: 0.02em;
}

.section-title {
  @include display-heading;
}