/**
 * Blue Ridge Core Theme — Typography
 * See docs/design-system/02-typography.md for full rationale.
 *
 * Base heading/body styling is already handled natively via theme.json
 * (styles.elements.heading / h1-h6). This file adds utility classes for
 * typographic roles that don't map to a semantic HTML element on their own —
 * eyebrows, lead paragraphs, captions, fine print.
 */

.text-lead {
  font-size: var(--wp--preset--font-size--lg);
  line-height: var(--wp--custom--typography--line-height-relaxed);
  color: var(--wp--preset--color--gray-900);
}

.text-muted {
  color: var(--wp--preset--color--gray-500);
}

.text-eyebrow {
  font-size: var(--wp--preset--font-size--xs);
  font-weight: var(--wp--custom--typography--font-weight-semibold);
  letter-spacing: var(--wp--custom--typography--letter-spacing-wide);
  text-transform: uppercase;
  color: var(--wp--preset--color--forest-green);
}

.text-fine-print {
  font-size: var(--wp--preset--font-size--xs);
  color: var(--wp--preset--color--gray-500);
  line-height: var(--wp--custom--typography--line-height-relaxed);
}

.text-mono {
  font-family: var(--wp--preset--font-family--system-mono);
}

/* Prose measure for long-form content — pairs with .container--narrow,
   see docs/design-system/06-containers.md */
.prose p,
.prose li {
  line-height: var(--wp--custom--typography--line-height-relaxed);
}

.prose > * + * {
  margin-top: var(--wp--preset--spacing--md);
}

.prose h2,
.prose h3,
.prose h4 {
  margin-top: var(--wp--preset--spacing--xxl);
  margin-bottom: var(--wp--preset--spacing--sm);
}