background

The Background token group defines colors for various surfaces based on their importance, modal window backdrops, and interactive areas. These tokens ensure a clear visual hierarchy, enhance focus, and provide consistent styling across all background elements in the design system.

background

#fdfdfc
primary
#f4f4f4
secondary
#f1edff
tertiary
rgba(26,27,27,0.5)
backdrop

background-interactive

rgba(255,255,255,0)
state-default
#f8f6ff
state-hover
#f1edff
state-active