Cores

Paleta oficial da PerformaTI, com o papel de cada cor e os valores exatos usados em produção.

Use sempre o nome semântico (coluna Token). Nunca escreva uma cor literal em produto: ela deixa de acompanhar o Canon.

Token	Papel	OKLCH (fonte)	Hex (equivalente sRGB)
--background	white	oklch(1 0 0)	#ffffff
--surface	gray-50	oklch(0.975 0.005 258.3)	#f5f7fa
--foreground	ink-950	oklch(0.206 0.019 252.1)	#111820
--card	white	oklch(1 0 0)	#ffffff
--card-foreground	ink-950	oklch(0.206 0.019 252.1)	#111820
--popover	white	oklch(1 0 0)	#ffffff
--popover-foreground	ink-950	oklch(0.206 0.019 252.1)	#111820
--primary	navy-900	oklch(0.263 0.045 258)	#17253a
--primary-foreground	white	oklch(1 0 0)	#ffffff
--primary-light	blue-600	oklch(0.549 0.196 259.5)	#1b6ae1
--secondary	gray-50	oklch(0.975 0.005 258.3)	#f5f7fa
--secondary-foreground	navy-900	oklch(0.263 0.045 258)	#17253a
--muted	gray-50	oklch(0.975 0.005 258.3)	#f5f7fa
--muted-foreground	gray-600	oklch(0.447 0.034 261.3)	#4a5568
--subtle-foreground	gray-400	oklch(0.663 0.025 258.4)	#8a94a3
--accent	blue-600	oklch(0.549 0.196 259.5)	#1b6ae1
--accent-foreground	white	oklch(1 0 0)	#ffffff
--accent-dark	blue-700	oklch(0.462 0.168 259.8)	#1352b4
--cyan	cyan-400	oklch(0.755 0.135 216)	#00c4e6
--destructive	red-500	oklch(0.586 0.179 24.5)	#d14343
--destructive-foreground	white	oklch(1 0 0)	#ffffff
--info	blue-500	oklch(0.633 0.185 249.5)	#008df4
--warning	amber-400	oklch(0.758 0.147 80.8)	#e0a526
--border	gray-200	oklch(0.93 0.009 258.3)	#e4e8ee
--input	gray-200	oklch(0.93 0.009 258.3)	#e4e8ee
--ring	blue-600	oklch(0.549 0.196 259.5)	#1b6ae1

O valor de referência é o OKLCH. O hex é a conversão para sRGB, usada onde OKLCH não é suportado, como PDFs gerados pelo ReportLab.

Arquivos

• performati.tokens.json: fonte no formato W3C DTCG 2025.10.
• performati.resolved.json: valores resolvidos, para ferramentas e agentes.
• performati.css: variáveis CSS.
• performati.tailwind.css: tema para Tailwind CSS v4.