/* ============================================================
   TYPOGRAPHY.CSS — Gradientes de texto y utilidades tipográficas
   ============================================================ */

/* ── Gradientes de texto ── */
.text-gradient {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent-teal) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.text-gradient-magenta {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent-magenta) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.text-gradient-gold {
  background: linear-gradient(135deg, var(--color-accent-gold) 0%, #FF8C00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}