/*
 * Design tokens — Estudo de Caso de Direção de Arte (Romero)
 * Igreja Pentecostal Semear / Projeto Semear
 * Projeto Gerado pelo Prompt Mestre do Desenvolvedor e Vibe Coder Dante Testa — www.dantetesta.com.br
 */

:root {
	/* Cor — institucional azul + dourado */
	--semear-azul-900: #0e2a4a;
	--semear-azul-700: #1b4b7a;
	--semear-azul-500: #2f6aa3;
	--semear-dourado-600: #c9a227;
	--semear-dourado-300: #e8c97a;
	--semear-off-white: #faf8f3;
	--semear-branco: #ffffff;
	--semear-texto: #1a1a1a;
	--semear-texto-suave: #4a4f57;
	--semear-borda: #e4e0d6;

	/* Tipografia */
	--semear-font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--semear-font-body: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	--semear-fs-h1: clamp(2rem, 1.5rem + 2.2vw, 3rem);
	--semear-fs-h2: clamp(1.75rem, 1.5rem + 1.1vw, 2.5rem);
	--semear-fs-h3: clamp(1.25rem, 1.15rem + 0.4vw, 1.5rem);
	--semear-fs-body: 1.0625rem;
	--semear-fs-small: 0.9rem;

	/* Espaçamento */
	--semear-space-1: 0.5rem;
	--semear-space-2: 1rem;
	--semear-space-3: 1.5rem;
	--semear-space-4: 2.5rem;
	--semear-space-5: 4rem;
	--semear-space-6: 6.5rem;

	/* Layout */
	--semear-container: 1220px;
	--semear-radius: 14px;
	--semear-radius-sm: 8px;

	/* Motion */
	--semear-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--semear-duration: 480ms;

	/* Sombra */
	--semear-shadow: 0 20px 50px -20px rgba(14, 42, 74, 0.35);
}

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