/* Usa tokens de DaisyUI para que cambie con el tema */
.typography h1 {
  font-size: 2.25rem;      /* ~ text-4xl */
  line-height: 2.5rem;
  font-weight: 700;        /* bold */
  color: hsl(var(--bc));   /* base-content */
  margin-bottom: 1rem;     /* mb-4 */
}

.typography h2 {
  font-size: 1.5rem;       /* ~ text-2xl */
  line-height: 2rem;
  font-weight: 600;        /* semibold */
  color: hsl(var(--bc));
  margin-bottom: .75rem;   /* mb-3 */
}

.typography h3 {
  font-size: 1.25rem;      /* ~ text-xl */
  line-height: 1.75rem;
  font-weight: 500;        /* medium */
  color: hsl(var(--bc));
  margin-bottom: .5rem;    /* mb-2 */
}

/* Si quieres banda de fondo en headers (opcional) */
.typography .heading-band {
  background-color: hsl(var(--b2)); /* base-200 */
  color: hsl(var(--bc));
  padding: .25rem .5rem;
  border-radius: .375rem;
}