/**
 * A tipografia do site da TeorIA Integra — as MESMAS fontes da extensão, e
 * servidas do mesmo jeito: do nosso próprio domínio.
 *
 * ⚠️ **Manrope no lugar de Inter.** O design system do TeorIA
 * (`apps/web/src/theme.css`) manda Manrope em todo o produto e diz, com todas as
 * letras, *«nenhuma tela usa Inter»* — decisão do proprietário em 31/08/2026,
 * `docs/adr/0009-manrope-e-tinta.md`. O site pedia Inter ao Google; a extensão
 * também pedia, e nem a embutia. Agora as duas pontas desenham a mesma letra.
 *
 * ── ⚠️ POR QUE SAIU DO GOOGLE FONTS, e não é desempenho ─────────────────────
 *
 * Carregar fonte de `fonts.gstatic.com` transmite ao Google o **IP de cada
 * visitante**, sem consentimento e sem que ele possa saber. Num site cujo
 * visitante é advogado à procura de ferramenta para os seus autos, isso é dado
 * de quem trabalha com sigilo profissional entregue a terceiro por causa de uma
 * letra. O precedente existe e é citável: o **LG München I, 3 O 17493/20, de
 * 20/01/2022**, condenou um site por exatamente isto sob o RGPD — e o art. 5º,
 * II da LGPD trata o IP como dado pessoal pela mesma lógica.
 *
 * Servido daqui, some o `preconnect`, some a terceira parte, e a página deixa
 * de depender de um domínio que não é nosso para renderizar.
 *
 * ── O que se embute, e só isso ──────────────────────────────────────────────
 *
 * Subconjunto **latino** apenas: cobre todo o português, acento e cedilha. O
 * `latin-ext` é leste europeu.
 *
 * ⚠️ **Cormorant 400 e 500 são O MESMO ARQUIVO** — o Google serve um arquivo
 * variável para os dois pesos, e baixá-los separados dá dois binários com o
 * mesmo sha256. Um arquivo, faixa de peso declarada. A folha pedia ainda o peso
 * **300, que nenhuma regra do site desenha**; ficou de fora.
 *
 * Licenças (SIL OFL 1.1) em `fontes/LICENSE-OFL-1.1.txt`.
 */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fontes/manrope-400_700.woff2") format("woff2");
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url("fontes/cormorant.woff2") format("woff2");
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 400 500;
  font-display: swap;
  src: url("fontes/cormorant-i.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fontes/plex-400.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fontes/plex-500.woff2") format("woff2");
}

/**
 * ⚠️ **Os três tokens vivem AQUI, não em cada página.** Eram três cópias — uma
 * por arquivo — e é assim que elas divergem: bastava alguém trocar a fonte numa
 * e o site passava a ter duas tipografias sem ninguém notar. Foi exatamente o
 * que aconteceu entre o popup e a página de opções da extensão, com `--ink-3`.
 */
:root {
  --fonte-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --fonte-ui: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fonte-dado: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}