/* ─────────────────────────────────────────────────────────────────────────────
   Fontes auto-hospedadas, variáveis.

   Antes vinham de fonts.googleapis.com por uma folha render-blocking. Três
   problemas, e o QA não pegava nenhum: o critério C5 dizia "nenhuma dependência
   de domínio externo" mas só inspecionava tags <img>.

   1. LGPD — carregar do Google faz o navegador do visitante entregar o IP dele
      a um terceiro antes de qualquer consentimento. O site tem política de
      privacidade e banner de cookies; a fonte furava os dois.
   2. Desempenho — dois domínios extras (googleapis + gstatic), com DNS e TLS
      próprios, no caminho crítico antes do primeiro texto.
   3. Disponibilidade — rede que bloqueie o Google derruba a tipografia inteira.

   ── Por que variáveis, e não estáticas ──
   A primeira tentativa foi baixar um arquivo por peso: 13 arquivos, 469 KB no
   disco, e uma página de produto puxando 342 KB só de fonte, porque usa quatro
   pesos de Inter. Cada peso estático de Inter custa 47 KB.
   A fonte variável carrega o eixo de peso inteiro (400–900) nos MESMOS 47 KB.
   Três arquivos, 106 KB no disco, ~102 KB na página — e nenhuma mudança de
   aparência: os pesos declarados no CSS continuam valendo, o navegador
   interpola no eixo.

   ── Subset ──
   Só `latin`. Verifiquei o conteúdo real em vez de supor: varri catálogo, FAQ,
   posts, páginas legais e views procurando codepoint fora do `latin`. Os que
   existem são Ω, ≤ e ≥ das fichas técnicas — que também não estão no
   `latin-ext` — e separadores dos meus próprios comentários. Incluir
   `latin-ext` dobraria o peso sem cobrir um caractere que o site exibe. Ω e ≥
   caem em fonte do sistema, comportamento normal para símbolo matemático.

   font-display: swap — o texto aparece na fonte de sistema e troca quando a
   fonte chega, em vez de ficar invisível por até 3 s.
   ───────────────────────────────────────────────────────────────────────────── */

/* Inter — títulos e interface (400–900 num arquivo) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('../fonts/inter-var-latin.woff2') format('woff2-variations');
}

/* Manrope — corpo de texto (300–700) */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('../fonts/manrope-var-latin.woff2') format('woff2-variations');
}

/* JetBrains Mono — códigos de produto e dados técnicos (400–500) */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('../fonts/jetbrains-mono-var-latin.woff2') format('woff2-variations');
}