/* =====================================================================
   FONTES AUTO-HOSPEDADAS

   Nada da interface depende de CDN. A fonte de icones ja falhou uma vez
   num iPhone com rede de celular, e o botao ficou com largura zero. Na
   rede de uma cabine em rodovia isso e o normal, nao a excecao.

   O sistema de design da AiA manda carregar Sora e Manrope de
   `fonts.googleapis.com`. Aqui nao pode: sao as mesmas familias, com os
   mesmos nomes, servidas do proprio dominio.

   SO OS PESOS QUE A TELA USA. `painel.css` pede exatamente dois:
   `--ft-peso-normal` (400) e `--ft-peso-medio` (600). Carregar o leque
   inteiro da AiA (300 a 800) seria pagar em rede, no 3G, por peso que
   nenhum elemento pede.

     Sora 600       titulos                         15 KB
     Manrope 400    corpo                           14 KB
     Manrope 600    rotulo, botao, enfase           14 KB
     Plex Mono 400  relogio, hora, NSR              15 KB
     Plex Mono 500  dado em destaque                15 KB

   A Plex Mono nao tem 600 aqui. Onde o CSS pede mono em 600, o
   navegador usa a 500 - e `font-synthesis-weight: none` (em aia.css)
   impede que ele invente um negrito borrado por cima.

   `font-display: swap`: melhor ler a hora em fonte do sistema por um
   instante do que nao ler nada. A 1.00.20 ja entregou este arquivo, mas
   o `app.html` foi parar numa pasta acima e o painel continuou pedindo a
   fonte ao Google. Ver LEIA-ME.
   ===================================================================== */

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

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

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

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fontes/plex-mono-400.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fontes/plex-mono-500.woff2') format('woff2');
}