/* ============================================================
   GF Design System — Typography
   ============================================================ */

.gf-h1 {
  font-family: var(--gf-font-sans);
  font-size: var(--gf-text-2xl);
  font-weight: var(--gf-weight-bold);
  color: var(--gf-azul-escuro);
  margin: 0 0 var(--gf-space-4);
  line-height: 1.2;
}

.gf-h2 {
  font-family: var(--gf-font-sans);
  font-size: var(--gf-text-xl);
  font-weight: var(--gf-weight-semibold);
  color: var(--gf-azul-escuro);
  margin: 0 0 var(--gf-space-3);
  line-height: 1.3;
}

.gf-h3 {
  font-family: var(--gf-font-sans);
  font-size: var(--gf-text-lg);
  font-weight: var(--gf-weight-semibold);
  color: var(--gf-azul-escuro);
  margin: 0 0 var(--gf-space-2);
  line-height: 1.4;
}

.gf-body {
  font-family: var(--gf-font-sans);
  font-size: var(--gf-text-base);
  font-weight: var(--gf-weight-regular);
  color: var(--gf-cinza-900);
  line-height: 1.6;
}

.gf-body-sm {
  font-family: var(--gf-font-sans);
  font-size: var(--gf-text-sm);
  color: var(--gf-cinza-700);
  line-height: 1.5;
}

.gf-caption {
  font-family: var(--gf-font-sans);
  font-size: var(--gf-text-xs);
  font-weight: var(--gf-weight-medium);
  color: var(--gf-cinza-500);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.gf-mono {
  font-family: var(--gf-font-mono);
  font-size: var(--gf-text-sm);
}