h1 { font-size: var(--text-xl); font-weight: 700; letter-spacing: -0.025em; }
h2 { font-size: var(--text-lg); font-weight: 600; }
h3 { font-size: var(--text-base); font-weight: 600; }

.text-sm { font-size: var(--text-sm); }
.text-xs { font-size: var(--text-xs); }
.text-muted { color: var(--color-text-muted); }
.text-secondary { color: var(--color-text-secondary); }
.text-mono { font-family: var(--font-mono); }
.text-center { text-align: center; }

.balance-hero {
  font-family: var(--font-mono);
  font-size: var(--text-3xl);
  font-weight: 700;
  letter-spacing: -0.03em;
  text-align: center;
}