Colors
Escala de cores baseada em uso real — sem valores arbitrários.
Base
black#000000
white#FFFFFF
embarko_blue#4494FC
Escala de Branco
Versões de branco com opacidade, usadas para hierarquia de texto e superfícies.
white08rgba(255,255,255, 0.08)
white10rgba(255,255,255, 0.10)
white50rgba(255,255,255, 0.50)
white60rgba(255,255,255, 0.60)
white80rgba(255,255,255, 0.80)
Overlays
Camadas escuras para sobreposição em imagens e fundos.
dark60rgba(0,0,0, 0.60)
Semânticas
Cores com significado funcional específico no app.
inputBorderFocused#4494FC
cardTagText#09121F
Uso
| Token | Valor | Uso |
|---|---|---|
--color-background | #000000 | Fundo principal de todas as telas |
--color-embarko-blue | #4494FC | Accent, CTAs, links ativos, bordas focadas |
--color-white60 | rgba(255,255,255,0.6) | Texto secundário, subtítulos, meta |
--color-white80 | rgba(255,255,255,0.8) | Texto de corpo, descrições |
--color-white08 | rgba(255,255,255,0.08) | Bordas sutis, divisores, superfícies |
--color-dark60 | rgba(0,0,0,0.6) | Overlay sobre imagens de cards |
--color-card-tag-text | #09121F | Texto dentro de tags/badges coloridas |