:root {
	/* ============ Cor — marca oficial ============ */
	--color-laranja: #E2480C;
	--color-laranja-dark: #631B08;
	--color-laranja-light: #F3AD8C;
	--color-accent: var(--color-laranja);
	--color-accent-dark: var(--color-laranja-dark);
	--color-accent-light: var(--color-laranja-light);

	/* tons de apoio da nova paleta — o "petróleo" (#26788E) é a
	   preferência para texto grande/títulos (bold, ≥1.15rem): dá
	   ~4.26:1 de contraste sobre o off-white, suficiente para esse
	   contexto (mínimo WCAG é 3:1), mas insuficiente para texto
	   pequeno (mínimo 4.5:1) — por isso o texto normal (--color-text)
	   usa o "marinho" (#304C64), que dá ~8.2:1, seguro em qualquer
	   contexto. Ver também .section-titulo em reset.css. */
	--color-marinho: #304C64;
	--color-petroleo: #26788E;

	/* ============ Neutros — tema claro (Off-white) ============ */
	--color-bg: #F2F0EF;
	--color-bg-elevated: #FFFFFF;
	--color-bg-subtle: #E8E5E0;
	--color-text: var(--color-marinho);
	--color-text-muted: #5A6C79;
	/* ajustado de #93A2AB (2.31:1, falhava WCAG AA) para 4.65:1 contra
	   --color-bg — corrige 6 usos de uma só vez (ver PROJECT_REVIEW.md A2) */
	--color-text-faint: #5E6F7B;
	--color-border: #DEDBD3;
	--color-white: #FFFFFF;

	/* ============ Neutros — tema escuro ============ */
	--color-dark-bg: var(--color-marinho);
	--color-dark-bg-elevated: #3A5C78;
	--color-dark-text: #F2F0EF;
	/* ajustado de #A9BAC4 (4.48:1, falhava por margem mínima) para
	   4.69:1 contra --color-dark-bg — ver PROJECT_REVIEW.md A9 */
	--color-dark-text-muted: #AEBEC8;
	--color-dark-text-faint: #6E8494;
	--color-dark-border: #3F566C;
	--color-dark-border-soft: rgba(242, 240, 239, 0.08);

	/* ============ Estado (feedback de formulários) ============ */
	/* Só o vermelho é novo — o "sucesso" reaproveita --color-accent-light,
	   que já dá 4.77:1 sobre --color-dark-bg (calculado). Este vermelho
	   deliberadamente mais claro/coral do que um vermelho "puro" (que
	   testado dava só 2.48:1, insuficiente) — dá 4.65:1 sobre
	   --color-dark-bg, cumpre WCAG AA para texto pequeno (mínimo 4.5:1). */
	--color-erro: #F5A6A6;

	/* ============ Gradientes & glows ============ */
	--gradient-brand: linear-gradient(135deg, var(--color-laranja) 0%, var(--color-laranja-dark) 100%);
	--glow-accent: radial-gradient(circle, rgba(226, 72, 12, 0.4) 0%, rgba(226, 72, 12, 0) 70%);

	/* ============ Tipografia ============ */
	--font-display: 'Poppins', 'Inter', sans-serif;
	--font-base: 'Inter', sans-serif;

	--fs-xs: 0.72rem;
	--fs-sm: 0.875rem;
	--fs-base: 0.975rem;
	--fs-lg: 1.15rem;
	--fs-xl: 1.5rem;
	--fs-2xl: clamp(2.2rem, 4.6vw, 3.15rem);
	--fs-3xl: clamp(3rem, 7vw, 4.75rem);
	--fs-4xl: clamp(3.75rem, 11.5vw, 8.75rem);

	--lh-tight: 0.94;
	--lh-snug: 1.1;
	--lh-normal: 1.55;

	--ls-tight: -0.025em;
	--ls-wide: 0.06em;
	--ls-wider: 0.14em;

	/* ============ Espaçamento (compacto) ============ */
	--space-3xs: 0.3rem;
	--space-xs: 0.55rem;
	--space-sm: 1rem;
	--space-md: 1.6rem;
	--space-lg: 2.5rem;
	--space-xl: clamp(2.5rem, 4.5vw, 4rem);
	--space-2xl: clamp(3.25rem, 5.5vw, 5rem);

	/* ============ Layout ============ */
	--container-max: 1240px;
	--container-narrow: 720px;

	/* ============ Forma ============ */
	--radius-sm: 8px;
	--radius-md: 16px;
	--radius-lg: 22px;
	--radius-pill: 999px;

	/* ============ Sombra ============ */
	--shadow-sm: 0 2px 10px rgba(24, 36, 48, 0.06);
	--shadow-md: 0 10px 28px rgba(24, 36, 48, 0.12);
	--shadow-lg: 0 20px 50px rgba(24, 36, 48, 0.18);
	--shadow-dark-md: 0 14px 34px rgba(0, 0, 0, 0.5);

	/* ============ Motion ============ */
	--ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
	--ease-snap: cubic-bezier(0.34, 1.56, 0.64, 1);
	--dur-sm: 0.22s;
	--dur-md: 0.45s;
	--dur-lg: 0.7s;
}