/*
 * Design tokens — Estudo de Caso de Direção de Arte "Editorial Elegante" (aprovado).
 * Front-end do catálogo. Modo: light apenas.
 *
 * Projeto Gerado pelo Prompt Mestre do Desenvolvedor e Vibe Coder Dante Testa — www.dantetesta.com.br
 */
:root {
	--gcl-cor-primaria: #F7F4EE;
	--gcl-cor-secundaria: #1F4E8C;
	--gcl-cor-secundaria-escura: #16324F;
	--gcl-cor-acento: #C6A15B;
	/* Versão escura do acento p/ TEXTO sobre fundo claro (a versão clara falha WCAG AA — 2.4:1) */
	--gcl-cor-acento-texto: #8A6B39;
	--gcl-cor-texto: #2B2B2B;
	--gcl-cor-borda: #E4E0D6;
	--gcl-cor-superficie: #FFFFFF;
	--gcl-cor-sucesso: #4C7A5E;
	--gcl-cor-erro: #B3483F;

	--gcl-fonte-heading: 'Fraunces', Georgia, 'Times New Roman', serif;
	--gcl-fonte-corpo: 'Work Sans', system-ui, -apple-system, sans-serif;

	--gcl-espaco-1: 8px;
	--gcl-espaco-2: 16px;
	--gcl-espaco-3: 24px;
	--gcl-espaco-4: 32px;
	--gcl-espaco-6: 48px;
	--gcl-espaco-8: 64px;
	--gcl-espaco-12: 96px;

	--gcl-raio: 4px;
	--gcl-sombra-hover: 0 2px 8px rgba(31, 78, 140, .06);
	--gcl-max-width: 1320px;

	/* Altura máxima de imagens de destaque — evita imagens "gigantes" (pedido do cliente) */
	--gcl-altura-max-hero: 480px;
	--gcl-altura-max-banner: 360px;
}