/* =============================================================================
   FONTES DA MARCA — Recline
   Estava declarada dentro do <style> inline de cada página. Isso significa que
   remover o bloco inline de uma página apagava a fonte junto, em silêncio: a
   página caía para a serifa do sistema e ninguém percebia até olhar.

   Recline existe SÓ em 300 / 400 / 500. Pedir 600 ou 700 faz o navegador
   sintetizar o negrito, e o resultado sujo foi uma das causas do "parece post
   de blog". Quem garante que nenhum peso além destes entra no sistema:
   scripts/ler-tokens.test.js.

   Work Sans vem do Google Fonts, por <link> no <head>.

   FORMATO: woff2, nao otf. Os tres .otf somavam 142 KB e o Light e PRELOADED
   em toda pagina do site, ou seja, entra no caminho critico da primeira
   pintura. Em woff2 os mesmos tres somam 80 KB (44% menos), com o Light caindo
   de 45 para 25 KB. woff2 e suportado por todo navegador que o site ja exige
   para as imagens WebP, entao nao ha fallback: um .otf listado como fallback
   seria baixado por ninguem e ficaria apodrecendo no repositorio.
   ============================================================================= */

@font-face {
    font-family: 'Recline';
    src: url('/assets/fonts/Recline-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Recline';
    src: url('/assets/fonts/Recline-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Recline';
    src: url('/assets/fonts/Recline-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}
