/*
 * Tipografia — The Critical Consumer
 *
 * Reproduz exatamente a tipografia do staging de referência
 * (stagingthecriticalconsumer.thecriticalconsumer.com), que a cliente confirmou
 * como padrão visual.
 *
 * Os três arquivos são cópias exatas dos que o staging carrega, só convertidos
 * de .ttf para .woff2. A conversão é sem perda: contornos, eixos e recursos
 * tipográficos foram conferidos glifo a glifo.
 *
 * Os nomes das famílias são os mesmos que as páginas e o kit do Elementor já
 * usam. Por isso nenhuma página precisou ser editada.
 *
 * Por que antes quebrava: o Elementor tinha essas famílias cadastradas
 * apontando para arquivos .ttf que não existiam mais no servidor (erro 404).
 * O navegador caía numa fonte genérica.
 *
 * ─────────────────────────────────────────────────────────────────────────────
 * O EFEITO DAS LETRAS DEITADAS
 *
 * A família FrauncesSoftWonk tem SÓ o arquivo romano, de propósito.
 * Quando um texto nela é marcado como itálico, o navegador inclina a letra
 * romana em vez de trocar pelo desenho cursivo. É isso que dá o efeito de
 * letras deitadas das palavras em destaque, como "beyond" e "obvious."
 *
 * NÃO adicione um arquivo itálico a essa família. O efeito desaparece.
 * ─────────────────────────────────────────────────────────────────────────────
 *
 * Os @font-face não declaram font-weight nem font-style, igual ao staging.
 * Isso também é de propósito: mudar esses descritores muda o peso aplicado
 * aos títulos e deixa o visual diferente da referência.
 *
 * Única diferença intencional em relação ao staging: font-display swap no lugar
 * de auto. Não altera o desenho, só evita texto invisível enquanto a fonte baixa.
 */

/* Títulos grandes e palavras em destaque. Eixos: opsz, wght, SOFT, WONK. */
@font-face {
	font-family: "FrauncesSoftWonk";
	src: url("../fonts/fraunces-softwonk.woff2") format("woff2");
	font-display: swap;
}

/*
 * Subtítulos e tipografia global de título. Arquivo estático: 72pt, Soft 100, Regular.
 *
 * Versão v2: o arquivo original do staging tinha um defeito de kerning que
 * afastava o "t" de letras altas (b, h, k, l): "t hat", "t he", "wit h".
 * Só essa regra foi zerada, igual à fonte variável. Contornos e larguras
 * das letras continuam idênticos ao original.
 */
@font-face {
	font-family: "Fraunces72100regular";
	src: url("../fonts/fraunces-72pt-soft100-regular-v2.woff2") format("woff2");
	font-display: swap;
}

/* Variante macia e irregular. Padrões do arquivo: opsz 144, SOFT 100, WONK 1. */
@font-face {
	font-family: "FrauncesWonkSoft";
	src: url("../fonts/fraunces-wonksoft.woff2") format("woff2");
	font-display: swap;
}