@layer base {
  h1, h2, h3, h4 {
    color: var(--text);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.035em;
    text-wrap: balance;
  }
  h1 { font-size: clamp(2.35rem, 5vw, 5rem); }
  h2 { font-size: clamp(1.8rem, 3vw, 3.2rem); }
  h3 { font-size: clamp(1.2rem, 1.8vw, 1.65rem); }
  h4 { font-size: 1rem; letter-spacing: -0.015em; }
  p, li { text-wrap: pretty; }
  .data-value, .stat-value, .metric-value, [data-value] {
    font-variant-numeric: tabular-nums lining-nums;
  }
  .text-muted { color: var(--text-muted); }
  .text-secondary { color: var(--text-soft); }
}