/* Teste de tipografia: fontes das «Especificações gráficas» (Estilo Base, v1, nov. 2026).
   Jost (títulos e conteúdo, pesos 200/300/400) + Inter (rótulos, botões, apoio, peso 500).
   Só muda letra, tamanhos e espaçamentos de letra. As cores ficam como estão.
   Para voltar atrás: tirar a linha <link ... tipografia.css> das páginas e repor o link do Google Fonts. */

:root{
  --f-nome:"Jost","Futura","Helvetica Neue",Arial,sans-serif;
  --f-marca:"Jost","Futura","Helvetica Neue",Arial,sans-serif;
  --f-texto:"Jost","Futura","Helvetica Neue",Arial,sans-serif;
  --f-etiqueta:"Inter","Helvetica Neue",Arial,sans-serif;
  --f-ui:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

/* Conteúdo: Jost 300. A Jost é mais larga do que a Cormorant, por isso o corpo desce um pouco. */
body{font-weight:300;font-size:1.0625rem;line-height:1.7}
b,strong{font-weight:500}
.abertura .lead{font-size:1.22rem;line-height:1.6}
.fecho p{font-size:1.15rem}

/* Sem itálicos */
em,cite,.en,.nota,.fecho p,.etapa .fase{font-style:normal}

/* Títulos: Jost fina de grande escala (200), segunda linha / destaque a 300.
   Testados 400, 500 e 600; o António preferiu ficar com o fino. */
h1,.abertura h1{font-weight:200;letter-spacing:-.025em;line-height:1.05}
h2{font-weight:300;letter-spacing:-.01em}
h3{font-weight:300;letter-spacing:-.01em}
h1 em,h1 i,h2 em,h2 i{font-weight:300;font-style:normal}
.num strong,.etapa strong,.linha-dist b,.ciclo li::before,.ini,.passos li::before{font-weight:200}
.mar-faixa blockquote{font-weight:200;letter-spacing:-.01em}

/* Marca: Jost 300, maiúsculas espaçadas */
.marca b,.moldura figcaption b,.fecho b{font-weight:300;letter-spacing:.12em}

/* Rótulos, botões e navegação: Inter 500 em maiúsculas espaçadas.
   A Syncopate era muito larga; a Inter precisa de corpo maior para ler bem. */
.etq,.lista .etq{font-size:.66rem;font-weight:500;letter-spacing:.24em}
.bt{font-size:.69rem;font-weight:500;letter-spacing:.2em}
.bt::after{font-weight:300}
nav a,.topo nav a{font-size:.62rem;font-weight:500;letter-spacing:.1em}
.atalhos a{font-size:.66rem;font-weight:500;letter-spacing:.14em}
.marca span{font-size:.62rem;font-weight:500;letter-spacing:.32em}
.miga{font-size:.66rem;font-weight:500;letter-spacing:.2em}
.tag,.cartao .meta span,.mundo .conta{font-size:.62rem;font-weight:500;letter-spacing:.16em}
.etapa .quando,.evento .data,.passo i,.mes h4{font-size:.66rem;font-weight:500;letter-spacing:.2em}
.tres{font-weight:400}
footer{font-size:.64rem;font-weight:500}