/*
 * Typography - Hygienize Child
 *
 * Escala tipografica em classes .hyg-* (nao em seletores de
 * elemento h1/h2/p), justamente para nao alterar a aparencia do
 * site atual: essas classes so valem para o que as futuras paginas
 * vierem a usar explicitamente.
 */

.hyg-h1,
.hyg-h2,
.hyg-h3,
.hyg-h4 {
  font-family: var(--hyg-font-family-base);
  color: var(--hyg-color-text);
  line-height: var(--hyg-line-height-heading);
  letter-spacing: var(--hyg-letter-spacing-heading);
  font-weight: var(--hyg-font-weight-bold);
  margin: 0;
}

.hyg-h1 { font-size: var(--hyg-font-size-h1); }
.hyg-h2 { font-size: var(--hyg-font-size-h2); }
.hyg-h3 { font-size: var(--hyg-font-size-h3); font-weight: var(--hyg-font-weight-semibold); }
.hyg-h4 { font-size: var(--hyg-font-size-h4); font-weight: var(--hyg-font-weight-semibold); }

.hyg-body,
.hyg-text-small {
  font-family: var(--hyg-font-family-base);
  color: var(--hyg-color-text);
  letter-spacing: var(--hyg-letter-spacing-body);
  font-weight: var(--hyg-font-weight-regular);
  margin: 0;
}

.hyg-body { font-size: var(--hyg-font-size-body); line-height: var(--hyg-line-height-body); }
.hyg-text-small { font-size: var(--hyg-font-size-small); line-height: var(--hyg-line-height-body); color: var(--hyg-color-text-muted); }

/* Variante "lead": paragrafo de destaque logo abaixo de um titulo grande (ex.: texto do Hero). */
.hyg-lead {
  font-family: var(--hyg-font-family-base);
  font-size: var(--hyg-font-size-lead);
  line-height: var(--hyg-line-height-body);
  color: var(--hyg-color-text-muted);
  margin: 0;
}