/* =============================================================================
   estilos/fontes.css — as duas famílias, servidas do próprio domínio
   ---------------------------------------------------------------------------
   São arquivos variáveis: um só peso a baixar cobre de 200 a 700, e a fatia é
   a latina, que já traz os acentos do português. Sora com Inter dá 82 KB no
   total — menos que uma foto pequena.

   Estão aqui em vez de virem do Google por três motivos: não depender de outro
   servidor para o site abrir, não entregar o IP de quem visita a terceiro, e
   não pagar por uma segunda conexão TLS antes do primeiro texto aparecer.

   `font-display: swap` mostra o texto na fonte do sistema enquanto a nossa
   carrega. Conteúdo antes de enfeite.
   ============================================================================= */

@font-face {
  font-family: "Sora";
  src: url("../ativos/fontes/sora.woff2") format("woff2-variations");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../ativos/fontes/inter.woff2") format("woff2-variations");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

/* A alternativa que ficou de reserva na escolha da tipografia: mais técnica e
   mais marcada que a Sora. Trocar é mudar --fonte-titulo em variaveis.css. */
@font-face {
  font-family: "Space Grotesk";
  src: url("../ativos/fontes/space-grotesk.woff2") format("woff2-variations");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}