@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600&display=swap');
:root{
  --fonte-titulo:'Barlow Condensed',sans-serif;
  --fonte-texto:'Barlow',sans-serif;
  --cor-fundo-pagina:#0d0d0e;
  --cor-fundo-app:#121214;
  --cor-card:#18181b;
  --cor-borda-card:#2a2a2d;
  --cor-campo-busca:#1e1e21;
  --cor-borda-campo:#333337;
  --cor-texto:#f2f1ef;
  --cor-texto-secundario:#b9b7b3;
  --cor-texto-apoio:#9d9b97;
  --cor-texto-rotulo-celula:rgba(255,255,255,0.72);
  --cor-placeholder:#8a8884;
  --cor-marca-vermelho:#f5303f;
  --cor-listra-vermelha:#c8102e;
  --cor-listra-preta:#141414;
  --cor-escala-longe:#232326;
  --cor-escala-perto:#5c1520;
  --cor-escala-acertou:#e0102d;
  --cor-botao-primario:#e0102d;
  --cor-borda-botao-secundario:#4a4a50;
  --cor-overlay:rgba(8,8,9,0.78);
  --cor-barra-menu:#18181b;
  --cor-linha-barra:#c8102e;
  --cor-botao-icone-borda:#4a4a50;
  --cor-botao-icone:#d8d6d2;
  --cor-botao-icone-ativo-fundo:#f2f1ef;
  --cor-botao-icone-ativo:#121214;
  --cor-faixa-treino:#1e1e21;
  --cor-borda-popup:#33333a;
  --altura-barra-menu:62px;
  --espessura-linha-barra:4px;
  --tamanho-botao-icone:36px;
  --altura-faixa-treino:40px;
  --altura-botao:46px;
  --altura-botao-home:50px;
  --raio-celula:5px;
  --raio-campo:8px;
  --raio-card:10px;
  --raio-figurinha:14px;
  --raio-botao:23px;
  --raio-popup:14px;
  --espaco-gap-celulas:4px;
  --espaco-gap-cards:14px;
  --espaco-margem-tela:18px;
  --espaco-largura-coluna-desktop:520px;
}