/* ─────────────────────────────────────────────────────────
   TESTA — Typography
   ───────────────────────────────────────────────────────── */

/* ── Display ── */
.t-display-xl {
  font-family: var(--font-display);
  font-size: clamp(56px, 8vw, 110px);
  font-weight: 300;
  line-height: 0.95;
  letter-spacing: -2.5px;
  color: var(--ink);
}
.t-display-xl em {
  font-style: italic;
  font-weight: 300;
  color: var(--coral);
}

.t-display-lg {
  font-family: var(--font-display);
  font-size: clamp(40px, 6vw, 76px);
  font-weight: 300;
  line-height: 1.0;
  letter-spacing: -1.8px;
}
.t-display-lg em {
  font-style: italic;
  color: var(--coral);
}

.t-display-md {
  font-family: var(--font-display);
  font-size: clamp(28px, 3.5vw, 48px);
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -0.8px;
}
.t-display-md em {
  font-style: italic;
  color: var(--coral);
}

.t-display-sm {
  font-family: var(--font-display);
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -0.4px;
}

/* ── Body ── */
.t-body-xl  { font-size: 20px; line-height: 1.65; color: var(--ink-2); }
.t-body-lg  { font-size: 17px; line-height: 1.7;  color: var(--ink-2); }
.t-body-md  { font-size: 15px; line-height: 1.65; color: var(--ink-2); }
.t-body-sm  { font-size: 13px; line-height: 1.6;  color: var(--ink-3); }
.t-body-xs  { font-size: 11px; line-height: 1.5;  color: var(--ink-4); }

/* ── Labels ── */
.t-label {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--coral);
}

.t-label-muted {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-4);
}

/* ── Utility ── */
.t-center  { text-align: center; }
.t-balance { text-wrap: balance; }