/* ============================================================
   VITRINE KROMOS — SISTEMA TIPOGRÁFICO (fonte única de verdade)
   Kromos Group
   ------------------------------------------------------------
   Este é o ÚNICO lugar que define a tipografia da vitrine:
     1. os @font-face (arquivos das fontes),
     2. os tokens --font-* (nomes semânticos estáveis).

   🔴 DUAS FAMÍLIAS, para o site e para as campanhas: Roboto no corpo
   ('Kromos Site') e Amsi Pro nos títulos ('Kromos Marca'). Até 2026-10
   as campanhas usavam Montserrat e Lato; a unificação do design system
   as tirou, e os .woff2 delas saíram do repositório junto.

   NOMES SEMÂNTICOS — as famílias chamam-se 'Kromos Site' e 'Kromos
   Marca', NÃO 'Roboto' e 'Amsi Pro'. Para trocar a fonte da marca,
   edite SÓ os `src:` abaixo e troque os .woff2.

   ⚠️ SELF-HOSTED, sem CDN e sem @import — e aqui isso não é só o
   padrão da casa herdado do prisma-fnd, é requisito próprio. As
   páginas originais linkavam fonts.googleapis.com, o que custava
   duas coisas numa página de campanha: um handshake com um
   terceiro no caminho crítico da primeira pintura, e o IP de todo
   visitante entregue ao Google sem base legal declarada — que é
   exatamente o ponto que tribunais europeus já trataram como
   violação de proteção de dados. Servindo daqui, os dois somem.

   Roboto é Apache 2.0, e a licença está ao lado
   (Apache-2.0-Roboto.txt). ⚠️ Não a apague: ela exige que o texto
   acompanhe os arquivos redistribuídos, e o bundle deste site
   redistribui os .woff2 para todo visitante. A Amsi Pro é
   comercial e o caso dela está anotado no bloco dela, abaixo.

   Só os subconjuntos `latin` e `latin-ext` foram baixados: o
   português cabe neles, e cirílico, grego e vietnamita eram três
   quartos do peso sem servir a ninguém.

   font-display:swap → o texto aparece na fonte do sistema e troca
   quando o .woff2 chega, sem flash de invisível.
   ============================================================ */

/* ---------- Kromos Site (Roboto variável: 1 arquivo = pesos 300–700) ----------
   O corpo de TODAS as páginas, site e campanhas: texto, interface, botão e
   campo. É a única face com preload (no app.html), porque é a que está acima da
   dobra em toda rota.

   Variável de propósito: o sistema pede 300, 400, 500 e 700, e quatro arquivos
   estáticos custariam quatro requests contra um. */
@font-face {
  font-family: 'Kromos Site';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('Roboto-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Kromos Site';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('Roboto-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ---------- Kromos Marca (Amsi Pro: 400 e 600) ----------
   Os títulos de seção e de página, site e campanhas ("Rótulos Sleeve", "Política da
   Qualidade", "Objetivos", "PERGUNTAS FREQUENTES") e as descrições dos blocos de
   objetivo. É a única face com desenho próprio da marca no site.

   ⚠️ Amsi Pro é fonte COMERCIAL, e as duas outras famílias daqui não são. Os dois
   .woff2 vieram do próprio servidor da Kromos, que já os servia abertos para todo
   visitante do site em WordPress — a migração não muda o que é distribuído, só de
   onde sai. Não existe arquivo de licença ao lado destes dois porque a licença da
   Amsi Pro não é pública como a OFL e a Apache: quem tiver de auditá-la procura o
   contrato com a fundição, e não este diretório.

   ⚠️ Não há subconjunto latin/latin-ext aqui: os arquivos vieram inteiros, como a
   Kromos os tem. Subsetá-los mexeria num binário licenciado, o que é decisão de
   contrato e não de build. */
@font-face {
  font-family: 'Kromos Marca';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('AmsiPro-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Kromos Marca';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('AmsiPro-600.woff2') format('woff2');
}

/* ---------- TOKENS DE FONTE (fonte única — não replicar noutro CSS) ----------
   Duas famílias, uma para cada papel. O componente não usa estes nomes direto:
   usa `--fonte-corpo` e `--fonte-titulo`, de tokens.css. */
:root {
  /* Corpo, interface, botão, campo. */
  --font-corpo: 'Kromos Site', 'Segoe UI', Arial, sans-serif;
  /* Títulos de seção e de página. */
  --font-titulo: 'Kromos Marca', 'Kromos Site', 'Segoe UI', Arial, sans-serif;
}