/* ===========================================================
   Cabinet Grotesk, a fonte dos TÍTULOS do site (escolhida em 01/08/2026)
   ===========================================================
   O corpo continua na Manrope, de propósito. A queixa era "está parecendo um
   site comum", e o que faz um site parecer comum não é a Manrope ser ruim: é
   uma única geométrica do título ao rodapé. O contraste entre uma fonte com
   caráter no título e uma fonte boa de ler no corpo é o que tira essa cara.

   HOSPEDADA AQUI, não na CDN da Fontshare. Quatro arquivos de 19 KB dentro do
   projeto valem mais que um segundo fornecedor externo na página: menos uma
   conexão para abrir, nada quebra se a CDN cair, e a pasta que vai para o
   Netlify continua se bastando.

   ===== O BURACO DO PESO 600, e como ele é tapado aqui =====
   A Cabinet Grotesk pula de 500 para 700: não existe 600. O site pede 600 em
   vários títulos, e a regra do navegador para peso que falta é procurar PARA
   CIMA primeiro, ou seja, 600 viraria 700 e os títulos engordariam sozinhos,
   justamente depois do trabalho de amansar a porta de Lentes.
   A saída não é redeclarar peso em cada página, que vira briga de
   especificidade e código morto: é dizer no próprio @font-face que o arquivo
   500 COBRE A FAIXA 500-600. Assim todo pedido de 600 do site inteiro cai no
   desenho 500, numa linha só, sem tocar em nenhuma página.
   Conferido no desenho da porta: o 500 mantém a calma, o 700 engorda visível.
   Pesos que a fonte tem: 100 200 300 400 500 700 800 900. */

@font-face{
  font-family:'Cabinet Grotesk';
  src:url('cabinet-grotesk-400.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Cabinet Grotesk';
  src:url('cabinet-grotesk-500.woff2') format('woff2');
  font-weight:500 600;   /* a faixa que tapa o buraco do 600 */
  font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Cabinet Grotesk';
  src:url('cabinet-grotesk-700.woff2') format('woff2');
  font-weight:700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Cabinet Grotesk';
  src:url('cabinet-grotesk-800.woff2') format('woff2');
  font-weight:800 900;   /* 900 não foi baixado; sem isto ele cairia no 400 */
  font-style:normal; font-display:swap;
}

:root{
  /* a Manrope fica na fila como reserva: se a fonte não chegar, o site cai na
     tipografia de antes em vez de cair na fonte do sistema */
  --titulo:'Cabinet Grotesk','Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}

/* Os títulos. Regra rasa de propósito (h1,h2,h3): qualquer página que declare
   font-family num seletor mais específico continua mandando, o que é a saída
   caso um dia algum bloco precise voltar para a Manrope. */
h1, h2, h3,
.title,          /* títulos das portas da home e da lentes.html */
.dq-card h3,     /* cartões de destaque, antes em Bricolage Grotesque */
.vs-n            /* nome da armação em Mais vistos, que é span e não h3 */
{ font-family:var(--titulo); }

/* O cartão de destaque perdeu o peso quando a Bricolage saiu do index.html:
   sem isto ele cairia no negrito padrão de h3. 500 é o vizinho do 400 que ele
   tinha, corrigido para cima porque a Cabinet pesa menos que a Bricolage. */
.dq-card h3{ font-weight:500; }
