/*
 * Tokens de design — SPEC seção 2, transcritos literalmente.
 * Não redefinir cor fora daqui. Ver seção 2 "Regras de aplicação" antes
 * de usar --amarelo ou --roxo em qualquer lugar novo.
 */

:root {
	/* Primárias */
	--rosa: #FF027B;
	--rosa-claro: #FF4789;
	--rosa-escuro: #D9096F;
	--magenta: #FF1293;
	--rosa-palido: #FFEAF2;

	/* Estrutura */
	--azul: #002A72;
	--azul-medio: #004D97;

	/* Atenção */
	--amarelo: #FFE100;
	--ciano: #00C8F5;
	--roxo: #7458A2;

	/* Neutros */
	--branco: #FFFFFF;
	--cinza-texto: #4A4A4A;
	--cinza-borda: #E6E6E6;

	/* Espaçamento — escala base 8px */
	--espaco-1: 8px;
	--espaco-2: 16px;
	--espaco-3: 24px;
	--espaco-4: 32px;
	--espaco-5: 48px;
	--espaco-6: 64px;
	--espaco-7: 96px;
	--espaco-8: 128px;

	--container-max: 1200px;
	--respiro-mobile: 24px;
	--raio-card: 12px;
	--raio-pilula: 999px;
	--altura-botao: 48px;

	/* Tipografia */
	--fonte: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--tamanho-display: clamp(2.5rem, 8vw, 5rem);
	--tamanho-numero: clamp(2.25rem, 6vw, 3.5rem);
	--tamanho-h2: clamp(1.75rem, 4vw, 2.75rem);
	--tamanho-h3: 1.25rem;
	--tamanho-corpo: 1.0625rem;
	--tamanho-eyebrow: 0.75rem;
}