/* ============================================================
   TYPOGRAPHY.CSS — Classes de Texto Reutilizáveis
   Projeto: Agentes de Elite | LP Captação
   ============================================================ */


/* ------------------------------------------------------------
   HEADINGS
   font-size controlado pelos tokens em variables.css
   por breakpoint (mobile / desktop / widescreen)
   ------------------------------------------------------------ */

.h1 {
  font-family: var(--font-primary);
  font-size: var(--text-h1);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-heading);
}

.h2 {
  font-family: var(--font-primary);
  font-size: var(--text-h2);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-heading);
}

.h3 {
  font-family: var(--font-primary);
  font-size: var(--text-h3);
  font-weight: var(--weight-medium);
  line-height: var(--leading-heading);
}

.h4 {
  font-family: var(--font-primary);
  font-size: var(--text-h4);
  font-weight: var(--weight-medium);
  line-height: var(--leading-heading);
}


/* ------------------------------------------------------------
   BODY
   ------------------------------------------------------------ */

.text-large {
  font-family: var(--font-primary);
  font-size: var(--text-large);
  font-weight: var(--weight-regular);
  line-height: var(--leading-body);
}

.text-default {
  font-family: var(--font-primary);
  font-size: var(--text-default);
  font-weight: var(--weight-regular);
  line-height: var(--leading-body);
}

.text-default-medium {
  font-family: var(--font-primary);
  font-size: var(--text-default);
  font-weight: var(--weight-medium);
  line-height: var(--leading-body);
}

.text-small {
  font-family: var(--font-primary);
  font-size: var(--text-small);
  font-weight: var(--weight-regular);
  line-height: var(--leading-body);
}

.text-small-medium {
  font-family: var(--font-primary);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  line-height: var(--leading-body);
}

.text-hat {
  font-family: var(--font-primary);
  font-size: var(--text-hat);
  font-weight: var(--weight-medium);
  line-height: var(--leading-hat);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}


/* ------------------------------------------------------------
   COMPONENTES DE TEXTO ESPECÍFICOS
   ------------------------------------------------------------ */

.text-mini-card-title {
  font-family: var(--font-primary);
  font-size: var(--text-large);
  font-weight: var(--weight-bold);
  line-height: var(--leading-heading);
}

.text-btn {
  font-family: var(--font-primary);
  font-size: var(--text-large);
  font-weight: var(--weight-semibold);
  line-height: 1;
}

.text-btn-small {
  font-family: var(--font-primary);
  font-size: var(--text-small);
  font-weight: var(--weight-semibold);
  line-height: 1;
}