/* ── TYPOGRAPHY UTILITIES ─────────────────────────────────
   Roles de tipo do Design System Zutra.
   Inclua este arquivo em qualquer projeto que precise das
   classes .type-* fora do viewer do DS.
   Depende de: tokens.css (--font-brand, --font-body, --text-2, --lime-500)
   ──────────────────────────────────────────────────────── */

/* Logo — Parkinsans exclusivo, uso restrito à marca */
.type-logo {
  font-family: var(--font-brand);
  font-size: 72px;
  font-weight: 800;
  letter-spacing: -.04em;
  line-height: 1;
}

/* D2 · Display — hero headlines, CTAs de impacto */
.type-display {
  font-size: 60px;
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1.05;
}

/* H1 · Heading — títulos de página e seção principal */
.type-h1 {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -.02em;
}

/* H2 · Heading — subtítulos de seção */
.type-h2 {
  font-size: 20px;
  font-weight: 600;
}

/* H3 · Heading — títulos de card e grupo */
.type-h3 {
  font-size: 13px;
  font-weight: 600;
}

/* Body MD — texto corrido padrão */
.type-body-md {
  font-size: 16px;
}

/* Body SM — texto secundário, labels */
.type-body-sm {
  font-size: 14px;
  color: var(--text-2);
}

/* Overline — rótulos de seção, categorias */
.type-overline {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--lime-500);
}

/* Metric — números de impacto (stats, KPIs) */
.type-metric {
  font-family: var(--font-brand);
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -.025em;
  color: var(--lime-500);
}