bg/canvas

Fundo externo da página

bg/surface

Cards, modais, superfícies

bg/subtle

Fundos alternativos, linhas

bg/brand

Botões primários, destaques

text/default

Texto principal

text/subtle

Texto secundário, labels

text/muted

Texto auxiliar

text/disabled

Texto desabilitado

text/on-brand

Texto sobre fundo brand

border/default

Bordas padrão

border/strong

Bordas com mais destaque

border/focus

Anel de foco em inputs

feedback/success/bg

Fundo de mensagem de sucesso

feedback/success/text

Texto de sucesso

feedback/success/border

Borda de sucesso

feedback/warning/bg

Fundo de aviso

feedback/warning/text

Texto de aviso

feedback/warning/border

Borda de aviso

feedback/error/bg

Fundo de erro

feedback/error/text

Texto de erro

feedback/error/border

Borda de erro

icon/default

Ícones padrão

icon/subtle

Ícones secundários

icon/disabled

Ícones desabilitados

icon/on-brand

Ícones sobre fundo brand