/* Fonte da interface. Carregado por toda página que desenha tela, e é o único
   lugar onde a fonte é declarada: o resto do sistema consome var(--font).

   Inter (SIL Open Font License), auto-hospedada em app/fonts/, arquivo variável de
   peso 100 a 900, que é a faixa inteira que a interface usa.

   Trocar de família muda o tamanho do layout por duas vias independentes: a largura
   dos glifos e a altura da linha. Vale medir as duas antes de trocar, porque a
   interface tem 284 declarações de tamanho entre 9 e 11,5px e pouca folga.

   Sem pilha de fallback, de propósito: a decisão é uma fonte no sistema inteiro, e
   uma pilha traria de volta a divergência entre plataformas. O arquivo é servido
   pelo mesmo nginx do app, então ou carrega, ou o app inteiro está fora.

   O unicode-range é o subset latino, que cobre o português inteiro. Caractere fora
   dele cai no desenho padrão do browser por falta de glifo. */
@font-face{
  font-family:"Inter";
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url("../fonts/inter-latin-var.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:"Inter";
  font-style:italic;
  font-weight:100 900;
  font-display:swap;
  src:url("../fonts/inter-latin-var-italic.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;
}

:root{
  --font:"Inter";
}

/* Campo e botão não herdam a fonte do body: o navegador aplica a fonte padrão de
   controle de formulário, e sem esta regra todo input, botão e select sai em outra
   família. Fica na camada core, a de menor prioridade, para que qualquer controle
   que declare fonte própria continue vencendo. */
@layer core{
  input, button, select, textarea{ font-family:inherit; }
}