/* ─────────────────────────────────────────────────────────────────────
   typography.css — type scale (7 steps) + weight modifiers.
   ─────────────────────────────────────────────────────────────────────

   STRICT type scale — use these classes, avoid inline font-size:

     .t-1   11px  — eyebrow, label, pill, smallest meta
     .t-2   12px  — secondary text, tooltips
     .t-3   13px  — DEFAULT body, table cells, h3 title
     .t-5   16px  — display-s (h4), card sub-headers
     .t-6   20px  — display-m (h2), hero-stat values
     .t-7   24px  — display-l (h1), page titles, hero feature
     .t-8   32px  — display-xl, the ONE biggest number on a page

   Weight modifiers: .w-medium=500, .w-semibold=600 (default 400)
   ───────────────────────────────────────────────────────────────────── */

.t-1 { font-size: 11px; line-height: 1.4 }
.t-2 { font-size: 12px; line-height: 1.4 }
.t-3 { font-size: 13px; line-height: 1.45 }
.t-5 { font-size: 16px; line-height: 1.25; font-weight: 600; letter-spacing: -0.008em }
.t-6 { font-size: 20px; line-height: 1.15; font-weight: 600; letter-spacing: -0.012em }
.t-7 { font-size: 24px; line-height: 1.1;  font-weight: 600; letter-spacing: -0.018em }
.t-8 { font-size: 32px; line-height: 1.05; font-weight: 600; letter-spacing: -0.022em }

.eyebrow        { font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; color: var(--text-3) }
.body-default   { font-size: 13px; line-height: 1.45; color: var(--text) }
.body-secondary { font-size: 12px; line-height: 1.4;  color: var(--text-2) }
.body-meta      { font-size: 11px; line-height: 1.4;  color: var(--text-3) }

.w-medium   { font-weight: 500 }
.w-semibold { font-weight: 600 }