/*
 * Design tokens — espec. §7.2 (cor) e §7.3 (tipografia).
 * Espelha o mesmo valores do theme.json em Custom Properties simples,
 * para uso direto em templates PHP fora do editor de blocos.
 *
 * Regras de contraste da paleta atual (§7.2, §10 — WCAG AA obrigatório,
 * não é sugestão estética):
 * - --boek-petroleo: seguro com texto branco em qualquer tamanho (6.08:1).
 * - --boek-turquesa: texto branco só em título grande/negrito (≥18.5px
 *   bold) ou ícone/UI. Em link ou texto pequeno, usar --boek-turquesa-a11y
 *   (4.70:1) ou --boek-ink.
 * - --boek-coral: CTA primário — nunca texto branco (3.35:1, reprova),
 *   sempre --boek-ink por cima (5.70:1 — recalculado no Sprint 33 depois
 *   da troca de #ff5a5f para #fa5035, mesma regra de sempre). Não existe
 *   variante a11y do coral: onde antes se usava --boek-laranja-a11y como
 *   cor de texto/UI pequena, use --boek-ink.
 * - --boek-salmao: nunca texto branco (2.05:1), sempre --boek-ink
 *   (9.33:1).
 * - --boek-creme: é fundo, sempre com --boek-ink por cima (17.42:1).
 */
:root {
	/* Cor — paleta revisada (§7.2, avisos de contraste validados contra §10/WCAG AA) */
	--boek-petroleo: #006d77;
	--boek-turquesa: #2a9d8f;
	--boek-turquesa-a11y: #228175;
	--boek-coral: #fa5035;
	--boek-salmao: #ff9a8b;
	--boek-amarelo: #ffc30b;
	--boek-ink: #0f0e1a;
	--boek-surface: #1c1b2e;
	--boek-creme: #fef3e2;
	--boek-white: #ffffff;

	/* Tipografia — famílias (§7.3). Plus Jakarta Sans self-hosted (assets/fonts/ + @font-face em typography.css) — trocou o Sora, ver nota em typography.css. Inter (corpo) ainda cai no fallback — arquivo de fonte ainda não adicionado. */
	--boek-font-heading: "Plus Jakarta Sans", "Space Grotesk", sans-serif;
	--boek-font-body: "Inter", system-ui, sans-serif;

	/* Tipografia — escala fluida (§7.3) */
	--boek-text-body: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
	--boek-text-small: 0.875rem;
	--boek-text-h6: clamp(1rem, 0.97rem + 0.15vw, 1.125rem);
	--boek-text-h5: clamp(1.125rem, 1.05rem + 0.3vw, 1.375rem);
	--boek-text-h4: clamp(1.25rem, 1.1rem + 0.6vw, 1.75rem);
	--boek-text-h3: clamp(1.5rem, 1.3rem + 0.9vw, 2.125rem);
	--boek-text-h2: clamp(1.75rem, 1.45rem + 1.3vw, 2.75rem);
	--boek-text-h1: clamp(2rem, 1.5rem + 2.2vw, 3.5rem);
	--boek-line-height: 1.6;

	/* Movimento (§7.6) */
	--boek-transition: 200ms ease-out;

	/* Toque mínimo (§9) */
	--boek-tap-min: 44px;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--boek-transition: 0ms;
	}
}