Cores

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