/* ─────────────────────────────────────────────────────────
   M&Co — Typography · Dark Aurora
   ───────────────────────────────────────────────────────── */

/* ── Display (serif editorial, en blanco cálido) ── */
.t-display-xl {
  font-family: var(--font-display);
  font-size: clamp(52px, 7.2vw, 100px);
  font-weight: 300;
  line-height: 1.02;
  letter-spacing: -1.5px;
  color: var(--text);
}
.t-display-xl em {
  font-style: italic;
  font-weight: 300;
}

.t-display-lg {
  font-family: var(--font-display);
  font-size: clamp(40px, 6vw, 74px);
  font-weight: 300;
  line-height: 1.05;
  letter-spacing: -1.2px;
  color: var(--text);
}

.t-display-md {
  font-family: var(--font-display);
  font-size: clamp(30px, 3.6vw, 50px);
  font-weight: 300;
  line-height: 1.12;
  letter-spacing: -0.6px;
  color: var(--text);
}

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

/* Cursivas con degradado aurora sutil */
.t-display-xl em,
.t-display-lg em,
.t-display-md em {
  font-style: italic;
  background: var(--grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--green-soft); /* fallback */
  padding-right: 0.06em;    /* evita recorte de la cursiva */
}

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

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

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

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