.display-xl { font-family: var(--font-display); font-size: var(--text-hero); font-weight: 700; line-height: var(--leading-tight); }
.display-lg { font-family: var(--font-display); font-size: var(--text-5xl); font-weight: 600; line-height: var(--leading-tight); }
.h1 { font-family: var(--font-display); font-size: var(--text-4xl); font-weight: 600; line-height: var(--leading-snug); }
.h2 { font-family: var(--font-display); font-size: var(--text-3xl); font-weight: 600; line-height: var(--leading-snug); }
.h3 { font-family: var(--font-body); font-size: var(--text-xl); font-weight: 600; line-height: var(--leading-snug); }
.h4 { font-family: var(--font-body); font-size: var(--text-lg); font-weight: 600; line-height: var(--leading-normal); }
.body-lg { font-family: var(--font-body); font-size: var(--text-lg); font-weight: 400; line-height: var(--leading-relaxed); }
.body-base { font-family: var(--font-body); font-size: var(--text-base); font-weight: 400; line-height: var(--leading-relaxed); }
.body-sm { font-family: var(--font-body); font-size: var(--text-sm); font-weight: 400; line-height: var(--leading-normal); }
.label { font-family: var(--font-body); font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.stat-number { font-family: var(--font-display); font-size: clamp(3rem, 5vw, 4.5rem); font-weight: 700; line-height: 1; }
.pullquote { font-family: var(--font-quote); font-size: clamp(1.375rem, 2.5vw, 1.75rem); font-weight: 400; font-style: italic; line-height: var(--leading-relaxed); }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color-text-primary);
}

p {
  color: var(--color-text-primary);
}