/*
 * Design tokens — direção "Neutro Moderno", inspirada na linguagem visual do shadcn/ui
 * (paleta zinc neutra, cantos arredondados, sombras sutis, tipografia sans limpa).
 * 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 {
	/* Base neutra (zinc) */
	--gcl-cor-primaria: #FAFAFA;
	--gcl-cor-superficie: #FFFFFF;
	--gcl-cor-fundo-sutil: #F4F4F5;
	--gcl-cor-borda: #E4E4E7;
	--gcl-cor-borda-forte: #D4D4D8;
	--gcl-cor-texto: #18181B;
	--gcl-cor-texto-suave: #71717A;

	/* Ação primária — azul da marca, aplicado como cor sólida de botão/CTA */
	--gcl-cor-secundaria: #1F4E8C;
	--gcl-cor-secundaria-escura: #16324F;
	--gcl-cor-anel: rgba(31, 78, 140, .35);

	/* Destaque dourado — mantido como acento pontual (badges, notas) */
	--gcl-cor-acento: #C6A15B;
	--gcl-cor-acento-texto: #8A6B39;

	--gcl-cor-sucesso: #16A34A;
	--gcl-cor-erro: #DC2626;

	--gcl-fonte-heading: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--gcl-fonte-corpo: 'Inter', system-ui, -apple-system, 'Segoe UI', 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-sm: 6px;
	--gcl-raio: 10px;
	--gcl-raio-lg: 14px;
	--gcl-raio-full: 999px;

	--gcl-sombra-sm: 0 1px 2px rgba(24, 24, 27, .05);
	--gcl-sombra-md: 0 4px 16px rgba(24, 24, 27, .08);
	--gcl-sombra-hover: 0 8px 24px rgba(24, 24, 27, .10);
	--gcl-sombra-flutuante: 0 12px 28px rgba(24, 24, 27, .18);

	--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;
}