/*
 * Tokens da Center Trauma, partido "Eixo do Movimento" (Estudo de Caso aprovado).
 * O build usa SÓ estes valores; divergência = bug e volta ao loop.
 * Projeto Gerado pelo Prompt Mestre do Desenvolvedor e Vibe Coder Dante Testa · www.dantetesta.com.br
 */

:root {
	/* ---- Cor: bruto ---- */
	--ct-petroleo: #004264;      /* primária, autoridade */
	--ct-petroleo-deep: #002F48; /* rodapé, faixas escuras */
	--ct-turq: #0097A3;          /* acento/vitalidade, SÓ como acento */
	--ct-teal-ink: #00707A;      /* acento como TEXTO/link (AA ~5.8:1) */
	--ct-tint: #EAF6F7;          /* superfície suave */
	--ct-cool: #F4F7F8;          /* segunda superfície */
	--ct-white: #FFFFFF;
	--ct-ink: #0E1B22;           /* tinta de texto forte (não #000) */
	--ct-ink-soft: #5C5C60;      /* texto secundário (passa AA) */
	--ct-line: #D8E4E7;          /* bordas, réguas */

	/* ---- Cor: semântico ---- */
	--ct-bg: var(--ct-white);
	--ct-surface: var(--ct-cool);
	--ct-surface-2: var(--ct-tint);
	--ct-text: var(--ct-ink);
	--ct-text-soft: var(--ct-ink-soft);
	--ct-heading: var(--ct-petroleo);
	--ct-accent: var(--ct-turq);
	--ct-accent-ink: var(--ct-teal-ink);
	--ct-ground: var(--ct-petroleo);
	--ct-ground-deep: var(--ct-petroleo-deep);
	--ct-on-ground: #EAF6F7;     /* texto claro sobre petróleo */
	--ct-on-ground-soft: #A8CBD6;

	/* ---- Tipografia ---- */
	--ct-font-display: 'Spectral', Georgia, 'Times New Roman', serif;
	--ct-font-body: 'Hanken Grotesk', 'Helvetica Neue', Arial, system-ui, sans-serif;

	--ct-fs-eyebrow: .72rem;
	--ct-fs-body: 1.0625rem;   /* 17px */
	--ct-fs-lead: clamp(1.15rem, 2vw, 1.35rem);
	--ct-fs-h3: clamp(1.2rem, 1.8vw, 1.5rem);
	--ct-fs-h2: clamp(1.7rem, 3.4vw, 2.5rem);
	--ct-fs-h1: clamp(2.2rem, 4.4vw, 3.4rem);
	--ct-fs-display: clamp(2.8rem, 6.5vw, 4.6rem);

	/* ---- Espaço (escala 8px) ---- */
	--ct-s1: 8px;
	--ct-s2: 16px;
	--ct-s3: 24px;
	--ct-s4: 40px;
	--ct-s5: 64px;
	--ct-s6: 96px;
	--ct-s7: 120px;
	--ct-section: clamp(56px, 9vw, 110px); /* ritmo vertical de seção */

	/* ---- Layout ---- */
	--ct-maxw: 1240px;
	--ct-maxw-read: 68ch;
	--ct-gutter: clamp(20px, 5vw, 48px);
	--ct-radius: 14px;
	--ct-radius-sm: 10px;
	--ct-radius-lg: 20px;
	--ct-header-h: 76px;

	/* ---- Motion ---- */
	--ct-ease: cubic-bezier(.2, .6, .2, 1);
	--ct-dur: .26s;

	/* ---- Sombra (contida, tonalizada no petróleo) ---- */
	--ct-shadow: 0 12px 32px -20px rgba(0, 66, 100, .38);
	--ct-shadow-sm: 0 6px 18px -14px rgba(0, 66, 100, .3);
}