/* ==========================================================================
   FONTES
   Baixadas do Google Fonts (licença aberta OFL, hospedagem própria permitida)
   e reduzidas com pyftsubset apenas aos caracteres do português brasileiro.

   Servir do próprio domínio permite fechar a Content Security Policy em 'self'
   e tira a dependência de servidor de terceiros para o quiz aparecer certo.

   Cada quiz carrega um tema só. Apague os arquivos dos outros dois:
     claro-editorial   -> fraunces + jakarta
     escuro-dramatico  -> merriweather + merriweather-sans
     grid-foto         -> poppins
   ========================================================================== */

@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fontes/fraunces-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fontes/jakarta-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fontes/jakarta-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fontes/jakarta-700.woff2') format('woff2');
}

/* Archivo, tema fitness-instrumento.
   Instâncias estáticas tiradas do arquivo variável (eixos wght e wdth).
   As variáveis completas custariam 93,6 KB; estas quatro custam 45,4 KB.

   O display já vem com o itálico DESENHADO (wdth 72, wght 900, itálico), por
   isso é declarado com font-style normal: se declarasse italic, o navegador
   inclinaria de novo por cima do que já está inclinado. */

/* O papel de dado: condensada reta com tabular-nums. Percentual, peso, altura
   e marco de dia leem como leitura de instrumento, não como texto. */

/* Red Hat Display, variável (400 a 800 num arquivo só). Tema xquiz: é a
   fonte que o XQuiz usa, e o clone fiel precisa dela para não mudar a
   sensação da página junto com o motor. */
@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('fontes/redhat-var.woff2') format('woff2');
}

/* Young Serif: títulos do tema bebezen-premium. Serifa de livro infantil,
   calorosa sem ser a serifada de alto contraste que virou default de IA. */
@font-face {
  font-family: 'Young Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fontes/young-serif-400.woff2') format('woff2');
}