/* ═══════════════════════════════════════════════════════════════
   gmx-ds · Bundle principal
   v1.24.0 · MIT License
   github.com/aprendomx/gmx-ds
   ═══════════════════════════════════════════════════════════════ */

@import './tokens/colors.css';
@import './tokens/typography.css';
@import './tokens/spacing.css';
@import './components/imagotipo.css';
@import './components/pleca.css';
@import './components/textura.css';

/* ─── Reset mínimo opcional (solo cuando se aplique a layouts gmx) ─── */

.gmx-reset *,
.gmx-reset *::before,
.gmx-reset *::after {
  box-sizing: border-box;
}

.gmx-reset {
  margin: 0;
  font-family: var(--gmx-font-body);
  font-size: var(--gmx-fs-base);
  line-height: var(--gmx-lh-normal);
  color: var(--gmx-negro);
  -webkit-font-smoothing: antialiased;
}

/* ─── Tipografía utilitaria ─── */

.gmx-titulo {
  font-family: var(--gmx-font-display);
  font-weight: var(--gmx-fw-bold);
  color: var(--gmx-guinda-oscuro);
  line-height: var(--gmx-lh-tight);
  letter-spacing: var(--gmx-ls-tight);
}

.gmx-titulo--display {
  font-size: var(--gmx-fs-5xl);
  font-weight: var(--gmx-fw-light);
}

.gmx-titulo--h1 { font-size: var(--gmx-fs-4xl); }
.gmx-titulo--h2 { font-size: var(--gmx-fs-3xl); }
.gmx-titulo--h3 { font-size: var(--gmx-fs-2xl); }
.gmx-titulo--h4 { font-size: var(--gmx-fs-xl); }

.gmx-cuerpo {
  font-family: var(--gmx-font-body);
  font-weight: var(--gmx-fw-regular);
  font-size: var(--gmx-fs-base);
  line-height: var(--gmx-lh-normal);
}

.gmx-cuerpo--lead {
  font-size: var(--gmx-fs-md);
  line-height: var(--gmx-lh-relaxed);
}

.gmx-cuerpo--small {
  font-size: var(--gmx-fs-sm);
}

.gmx-eyebrow {
  font-family: var(--gmx-font-mono);
  font-size: var(--gmx-fs-xs);
  letter-spacing: var(--gmx-ls-caps);
  text-transform: uppercase;
  color: var(--gmx-oro);
}