Cor
Paleta Carapeto
O verde mint é o coração da marca: vibrante, saturado, brilhante contra o preto. A escala neutra é fria e ligeiramente azulada. Cor brand em #00E6AF.
01
Carapeto Mint
Escala primária, do 50 (quase branco esverdeado) ao 950 (verde profundo). O 500 é o brand.
50
brand-50
100
brand-100
200
brand-200
300
brand-300
400
brand-400
500
Brand
brand-500
600
brand-600
700
brand-700
800
brand-800
900
brand-900
950
brand-950
02
Ink (neutros)
Escala neutra cinza-azulada. Fundo e superfícies vêm daqui.
50
ink-50
100
ink-100
200
ink-200
300
ink-300
400
ink-400
500
ink-500
600
ink-600
700
ink-700
800
ink-800
900
ink-900
950
ink-950
03
Cores semânticas
Success
--color-success
Warning
--color-warning
Danger
--color-danger
Info
--color-info
04
Status coloridos
Usados nas colunas do Kanban do CV Manager e em badges de estado.
Pendente
--color-status-pending
Enviado
--color-status-info
Triagem
--color-status-triage
Revisão
--color-status-review
Business Case
--color-status-case
Final
--color-status-final
Oferta
--color-status-offer
Contratado
--color-status-hired
Perdido
--color-status-lost
05
Superfícies
Camadas de fundo, cada uma com um propósito.
background
Canvas de app (near-black)
oklch(0.07 0.008 200)
card
Painéis, cards, formulários
oklch(0.145 0.01 200)
popover
Dropdowns, tooltips, menus
oklch(0.16 0.01 200)
muted
Hover states, backgrounds sutis
oklch(0.17 0.008 200)
secondary
Botões secundários, chips
oklch(0.19 0.01 200)
sidebar
Sidebar de navegação (mais escura)
oklch(0.055 0.008 200)
06
Texto
Primary, o texto principal, quase branco.
Secondary / muted, para descrições e labels.
Disabled, 40% de opacidade sobre foreground.
Link / accent, verde brand para hyperlinks.
Destructive, para erros e ações destrutivas.
07
Bordas & estados
Bordas
border · default (9% white)
border · focus (brand 500)
border · error (danger)
border · subtle (5% white)
Estados de interação
default
hover
pressed
focused
selected
disabled