h1, h2, h3, h4 {
  font-family: var(--font-display);
  font-weight: 700;
  line-height: var(--lh-tight);
  letter-spacing: -0.01em;
  margin: 0;
  color: var(--text);
}

h1 { font-size: var(--fs-3xl); }
h2 { font-size: var(--fs-2xl); }
h3 { font-size: var(--fs-xl); }
h4 { font-size: var(--fs-lg); }

p { margin: 0; }

.label {
  font-family: var(--font-body);
  font-size: var(--fs-xs);
  font-weight: 600;
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-mute);
}

.eyebrow {
  font-family: var(--font-display);
  font-size: var(--fs-xs);
  font-weight: 700;
  letter-spacing: var(--tracking-x);
  text-transform: uppercase;
  color: var(--accent);
}

.mono {
  font-family: var(--font-mono);
  font-weight: 600;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.dim { color: var(--text-dim); }
.mute { color: var(--text-mute); }
.deep { color: var(--text-deep); }

.body-sm { font-size: var(--fs-sm); }
.body-xs { font-size: var(--fs-xs); }