/* Tipografia — manual Vishva Vidya v1.2, secao 5. Entra depois de tudo,
   pelo mesmo caminho da paleta: <link> no fim do <head>, para ganhar tambem
   das paginas que trazem <style> proprio. */

body {
  font-family: "Inter", "Noto Serif Devanagari", "Helvetica", "Arial", sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.7;
}

/* botao e campo de formulario nao herdam a letra sozinhos: sem isto o
   navegador desenha em Arial (era o caso do X do video e dos pinceis) */
button, input, select, textarea { font-family: inherit; }

h1, h2, h3 {
  font-family: "Fraunces", "Noto Serif Devanagari", Georgia, serif;
  line-height: 1.25;
}

/* pesos e degraus da tabela do manual, so onde o site nao diz outra coisa.
   Sem isto o titulo sem regra cai no tamanho padrao do navegador (1,17em =
   19,89px), que e justamente um tamanho fora dos sete. */
h1 { font-size: 43px; font-weight: 600; }
h2 { font-size: 34px; font-weight: 500; }
h3 { font-size: 27px; font-weight: 500; }
h4, h5, h6 { font-size: 17px; font-weight: 500; line-height: 1.3; }

/* peso 300 some em letra pequena: abaixo de 17px o manual manda 400 */
small, figcaption, .legenda { font-weight: 400; }

/* largura de leitura: no maximo 65 caracteres por linha */
p { max-width: 65ch; }
