/* ============================================================
   Tipografia da marca, servida do próprio site.
   Copiada de HydroAI/identidade-visual/fontes/.

   POR QUE LOCAL E NÃO DO GOOGLE FONTS

   Três razões, e nenhuma é ideologia:

   1. O projeto inteiro é feito para funcionar sem conta nem serviço de
      terceiro no caminho — é o que o VisitePB já faz com os azulejos de
      relevo, e o que permite usar isto em campo com internet ruim.
   2. Fonte que vem de outro domínio é mais um ponto de falha entre a pessoa e
      a tela: se o CDN estiver bloqueado na rede do órgão público, o
      simulador abre com tipografia de sistema e a marca some.
   3. Sem consulta a domínio de terceiro, nada do uso vaza para fora.

   As variáveis cobrem todos os pesos num arquivo só: Archivo de 400 a 600 e
   JetBrains Mono de 400 a 500 saem dos eixos, e só o Chakra Petch precisa de
   dois arquivos estáticos, porque é usado apenas em dois pesos.
   ============================================================ */

@font-face {
  font-family: "Archivo";
  src: url("Archivo-Variable.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-style: normal;
  /* `swap`: o texto aparece na hora com a fonte do sistema e troca quando a
     nossa chega. Sem isso o painel fica em branco durante o carregamento. */
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("JetBrainsMono-Variable.ttf") format("truetype-variations");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Chakra Petch";
  src: url("ChakraPetch-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Chakra Petch";
  src: url("ChakraPetch-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}