/* ==========================================================================
   ATENCAO — LICENCA

   Roc Grotesk e uma fonte COMERCIAL. Os arquivos vieram da captura do site de
   origem e a licenca e do dominio deles, nao deste projeto.

   Estao aqui apenas para a loja de ESTUDO renderizar igual ao original, e o
   site precisa permanecer FECHADO ao publico enquanto isso valer.
   ANTES de abrir o site: apague os .ttf desta pasta e este arquivo. E so isso
   — nao ha passo manual de CSS. Os tokens de fonte ficam definidos em
   base.css com a fonte livre (Montserrat); o unico papel deste arquivo e
   sobrescreve-los enquanto a fonte comercial estiver instalada. Sem ele, o
   valor de base.css volta a valer sozinho. `ferramentas/empacotar.sh` ja faz
   esse corte para gerar o pacote publicavel.

   As URLs sao relativas de proposito: esta folha e servida da mesma pasta dos
   .ttf, entao nao precisa de nenhuma funcao do WordPress para resolver.
   ========================================================================== */

@font-face {
  font-family: "Roc Grotesk";
  src: url(Roc-Grotesk-Light.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roc Grotesk";
  src: url(Roc-Grotesk-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: "Roc Grotesk Wide";
  src: url(Roc-Grotesk-Wide-Light.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roc Grotesk Wide";
  src: url(Roc-Grotesk-Wide-Medium.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roc Grotesk Wide";
  src: url(Roc-Grotesk-Wide-Bold.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* --------------------------------------------------------------------------
   Ponte entre as faces acima e os tokens.

   Sem este bloco os @font-face existem e ninguem os usa — era exatamente o
   defeito relatado: a fonte comercial instalada, os seis .ttf respondendo 200,
   e getComputedStyle devolvendo a pilha de fallback.

   O override mora AQUI e nao em base.css de proposito: apagar este arquivo
   tem que bastar para o tema voltar a fonte livre. Se a Roc Grotesk fosse
   nomeada em base.css, o pacote sem-fontes pediria um .ttf que nao viajou.

   --f-corpo ENTRA, e essa e a correcao desta rodada. A rodada anterior deixou
   o corpo em Montserrat com a justificativa de que "o corpo da origem e
   Montserrat" — nao e. Contando `font-family` no CSS de producao espelhado em
   `mirror/`: Roc Grotesk 403 declaracoes, Montserrat 168, Roc Grotesk Wide 99
   (ref-apurada/REFERENCIA.md, secao 1). Roc Grotesk e a interface inteira; o
   nome do produto no card (`custom-apps-0-x-productName`) e Roc Grotesk
   16px/700, e com --f-corpo em Montserrat ele saia na fonte errada.

   --f-wide e display e nao "titulo". Tambem e falso o que estava escrito aqui
   antes — que a unica regra Wide da origem seria `.shelfTitle` 28px: sao 99
   declaracoes Wide, em varios tamanhos. O que a tabela da REFERENCIA sustenta
   sao tres papeis: titulo de prateleira 28px/700, titulo do bloco de
   avaliacoes 32px/700 e a nota grande da avaliacao 48px/bold. O h1 da PDP
   (`productBrand--product-name`) NAO e Wide: e Roc Grotesk normal a 32px.

   --f-prosa nao aparece aqui com valor diferente do de base.css de proposito:
   a prosa longa e Montserrat nos dois mundos (`paragraph--text-seo` 12/400 e
   os headings de text-seo, todos Montserrat na origem). Ele e repetido para
   que este arquivo mostre a folha de tokens inteira, e nao so o que muda.

   Montserrat continua no fim das pilhas Roc Grotesk: peso que a face
   comercial nao tem cai nela, e nao no sistema.
   -------------------------------------------------------------------------- */

:root {
  --f-titulo: "Roc Grotesk", Montserrat, var(--f-sistema);
  --f-corpo: "Roc Grotesk", Montserrat, var(--f-sistema);
  --f-wide: "Roc Grotesk Wide", "Roc Grotesk", Montserrat, var(--f-sistema);
  --f-prosa: Montserrat, var(--f-sistema);
}