/* Typography base */
h1, h2, h3, h4, h5, h6, .display {
  font-family: var(--font-display);
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  -webkit-font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  letter-spacing: -0.015em;
  font-weight: 400;
  color: var(--ink-deep);
  margin: 0 0 var(--s-4);
  line-height: 1.15;
}

h1, .h1 { font-size: clamp(2.25rem, 4.5vw, 3.5rem); }
h2, .h2 { font-size: clamp(1.75rem, 3vw, 2.5rem); line-height: 1.2; }
h3, .h3 { font-size: clamp(1.375rem, 2vw, 1.75rem); line-height: 1.25; }
h4, .h4 { font-size: 1.125rem; line-height: 1.35; font-weight: 500; }

p { margin: 0 0 var(--s-4); color: var(--ink-soft); }
p.lead { font-size: 1.125rem; line-height: 1.5; color: var(--ink); }

strong, b { font-weight: 500; color: var(--ink); }

small, .small { font-size: 0.875rem; color: var(--muted); }

.eyebrow {
  font-family: var(--font-body);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  margin: 0 0 var(--s-4);
  display: inline-block;
}

/* Utility text classes */
.text-muted { color: var(--muted); }
.text-ink { color: var(--ink); }
.text-success { color: var(--emerald-600); }
.text-center { text-align: center; }