Cores

Paleta semântica completa do portal Razac. Toda cor consumida via token — nunca hex direto.

Surface (fundos)

surface/bg-default#F1F5F9

--surface-bg-defaultbg-bg

Fundo padrão da app.

surface/bg-surface#FFFFFF

--surface-bg-surfacebg-bg-surface

Cards, modais, drawers.

surface/bg-subtle#F8FAFC

--surface-bg-subtlebg-bg-subtle

Linhas zebradas, hover de tabela.

surface/bg-sidebar#0F172A

--surface-bg-sidebarbg-bg-sidebar

Sidebar dark do portal.

Ink (textos)

ink/default#1E293B

--ink-defaulttext-ink

Texto principal.

ink/muted#64748B

--ink-mutedtext-ink-muted

Texto secundário, labels.

ink/subtle#94A3B8

--ink-subtletext-ink-subtle

Placeholders, captions.

ink/inverse#F8FAFC

--ink-inversetext-ink-inverse

Texto sobre fundo dark.

Brand

brand/primary/50#EEF2FF

--brand-primary-softbg-primary-50

brand/primary/100#E0E7FF

--brand-primary-100bg-primary-100

brand/primary/600#4F46E5

--brand-primarybg-primary

CTAs, links, item ativo.

brand/primary/700#4338CA

--brand-primary-hoverbg-primary-700

Hover de CTA primário.

Borders

border/default#E2E8F0

--border-defaultborder-border

border/strong#CBD5E1

--border-strongborder-border-strong

border/subtle#F1F5F9

--border-subtleborder-border-subtle

DI Canal (domínio)

canal/verde#16A34A

--canal-verdebg-canal-verde

Canal Verde — desembaraço automático.

canal/amarelo#EAB308

--canal-amarelobg-canal-amarelo

Canal Amarelo — conferência documental.

canal/vermelho#B91C1C

--canal-vermelhobg-canal-vermelho

Canal Vermelho — conferência física.

canal/cinza#94A3B8

--canal-cinzabg-canal-cinza

Sem parametrização ainda.

Status semântico

status/success#16A34A

--status-successtext-success

status/warning#EA580C

--status-warningtext-warning

status/danger#B91C1C

--status-dangertext-danger

status/info#1E40AF

--status-infotext-info