/* ============================================================================
   Forge Core — Typography component
   Cormorant Garamond headings + Inter body. Tokens only (design-system.css).
   Scoped under .forge-content so it never fights Astra/Woo global headings;
   utility classes (.forge-h1 … .forge-eyebrow) are usable anywhere.
   ============================================================================ */

.forge-h1, .forge-h2, .forge-h3, .forge-h4,
.forge-content h1, .forge-content h2, .forge-content h3, .forge-content h4 {
  font-family: var(--forge-font-heading);
  color: var(--forge-black);
  font-weight: 500;
  line-height: 1.15;
  margin: 0 0 var(--forge-space-md);
}

.forge-h1, .forge-content h1 { font-size: var(--forge-size-3xl); }
.forge-h2, .forge-content h2 { font-size: var(--forge-size-2xl); }
.forge-h3, .forge-content h3 { font-size: var(--forge-size-xl); }
.forge-h4, .forge-content h4 { font-size: var(--forge-size-lg); }

.forge-body,
.forge-content p {
  font-family: var(--forge-font-body);
  font-size: var(--forge-size-base);
  line-height: 1.7;
  font-weight: 300;
  color: var(--forge-text);
  margin: 0 0 var(--forge-space-md);
}

.forge-text-light { color: var(--forge-text-light); }
.forge-small { font-size: var(--forge-size-sm); }

/* Eyebrow / kicker label */
.forge-eyebrow {
  font-family: var(--forge-font-body);
  font-size: var(--forge-size-xs);
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--forge-gold);
  margin: 0 0 var(--forge-space-sm);
}