/* TIPOGRAFIA */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

.texto-xxs {
  font-size: var(--texto-xxs);
  font-weight: var(--peso-medio);
}

.texto-xs {
  font-size: var(--texto-xs);
  font-weight: var(--peso-normal);
}

.texto-sm {
  font-size: var(--texto-sm);
  font-weight: var(--peso-normal);
}

.texto-md {
  font-size: var(--texto-md);
  font-weight: var(--peso-normal);
}

.texto-base {
  font-size: var(--texto-base);
  font-weight: var(--peso-normal);
}

.texto-lg {
  font-size: var(--texto-lg);
  font-weight: var(--peso-medio);
}

.texto-xl {
  font-size: var(--texto-xl);
  font-weight: var(--peso-semi);
}

.texto-xxl {
  font-size: var(--texto-xxl);
  font-weight: var(--peso-bold);
}

.micro-rotulo {
  font-size: var(--texto-xxs);
  font-weight: var(--peso-semi);
  text-transform: uppercase;
  letter-spacing: var(--ls-micro);
  color: var(--cor-texto-secundario);
}

.wordmark {
  font-size: var(--texto-lg);
  font-weight: var(--peso-extra);
  letter-spacing: -0.02em;
  line-height: 1;
  white-space: nowrap;
}

.texto-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.texto-secundario {
  color: var(--cor-texto-secundario);
}

.texto-desativado {
  color: var(--cor-desativado);
}

.texto-invertido {
  color: var(--cor-accent-texto);
}