/*
 * Tokens de design do motor + valores padrão do produto Ritual do Sono.
 *
 * IMPORTANTE (ver REGRAS.md — Regra de Identidade por Produto):
 * estes valores são o FALLBACK do motor. A partir do Sprint 02, cada
 * produto sobrescreve --produto-cor-* / --produto-fonte-* dentro do seu
 * próprio container (ex: [data-produto="ritual-do-sono"]) com os valores
 * vindos dos campos ACF daquele produto. Nunca hardcode cor de produto
 * fora daqui.
 */

#ritual-app {
	/* Paleta base do motor (= identidade padrão do Ritual do Sono) */
	--color-bg-primary: #0D0F1E;
	--color-bg-surface: #131627;
	--color-bg-elevated: #1A1E35;
	--color-accent-gold: #C9923A;
	--color-accent-gold-light: #E8B96A;
	--color-accent-lilac: #7B6FA0;
	--color-accent-lilac-light: #A394C8;
	--color-text-primary: #F0EDE8;
	--color-text-secondary: #A8A5B0;
	--color-text-muted: #6B6878;
	--color-border: rgba(255, 255, 255, 0.08);
	--color-overlay: rgba(13, 15, 30, 0.85);

	/* Aliases "por produto" — Sprint 02 em diante sobrescreve estes,
	   não os tokens base acima, dentro do wrapper do produto ativo. */
	--produto-cor-primaria: var(--color-bg-primary);
	--produto-cor-secundaria: var(--color-accent-lilac);
	--produto-cor-acento: var(--color-accent-gold);
	--produto-cor-texto: var(--color-text-primary);
	--produto-cor-fundo: var(--color-bg-primary);

	/* Tipografia */
	--font-display: 'Playfair Display', Georgia, serif;
	--font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	--font-size-hero: clamp(2rem, 8vw, 3.5rem);
	--font-size-title: clamp(1.5rem, 5vw, 2.25rem);
	--font-size-subtitle: clamp(1.125rem, 3vw, 1.5rem);
	--font-size-body: 1rem;
	--font-size-small: 0.875rem;
	--font-size-micro: 0.75rem;

	/* Espaçamento */
	--spacing-xs: 4px;
	--spacing-sm: 8px;
	--spacing-md: 16px;
	--spacing-lg: 24px;
	--spacing-xl: 40px;
	--spacing-2xl: 64px;

	/* Bordas */
	--radius-sm: 8px;
	--radius-md: 16px;
	--radius-lg: 24px;
	--radius-full: 9999px;

	/* Sombras */
	--shadow-card: 0 4px 24px rgba(0, 0, 0, 0.4);
	--shadow-glow-gold: 0 0 20px rgba(201, 146, 58, 0.3);

	/* Transições */
	--transition-fast: 150ms ease;
	--transition-base: 300ms ease;
	--transition-slow: 500ms ease;

	/* Breakpoints de referência (usados via JS/matchMedia, documentados aqui
	   para consistência entre sprints) */
	--breakpoint-mobile: 390px;
	--breakpoint-tablet: 768px;
	--breakpoint-desktop: 1280px;
}