html { font-family: 'Inter', system-ui, -apple-system, sans-serif; color: var(--ink); }

.t-display { font-size: 32px; font-weight: 700; line-height: 1.2; }
.t-heading { font-size: 24px; font-weight: 600; line-height: 1.25; }
.t-title   { font-size: 18px; font-weight: 600; line-height: 1.3; }
.t-body    { font-size: 16px; font-weight: 400; line-height: 1.5; }
.t-small   { font-size: 14px; font-weight: 400; line-height: 1.45; }
.t-caption { font-size: 12px; font-weight: 400; line-height: 1.4; color: var(--muted); }
.t-strong  { font-weight: 600; }
.t-teal    { color: var(--teal); }
.t-muted   { color: var(--muted); }