Base UI Colors
bg-body(bg for document body (outside cards))
bg-card(bg for widget cards & modals)
bg-subtle(bg for smaller, nested inner containers)
border-divider(card borders and dividers)
action-primary(CTAs, global navigations, etc)
action-primary-hover
action-primary-pressed
action-secondary(side rail, confirmation, etc)
action-secondary-hover
action-secondary-pressed
action-disabled
text-primary(headings/titles, chips/input text, etc)
text-secondary(body copy, captions, etc)
text-tertiary(subheading, user direction, etc)
Feedback Colors
msg-succcess
bg-succcess
msg-info
bg-info
msg-error
bg-error
msg-warning
bg-warning
Filter, Chip, Input Colors
chip-selected-text
chip-deselected-text
chip-default-bg
chip-hover-bg
chip-selected-bg
input-label
input-description
input-placeholder-text
input-disabled-text
input-border
dropdown-hover-bg
Icon Colors
icon-default
icon-hover
icon-pressed
icon-disabled