|Token and description||Light value||Dark value|
Use to create a shadow when content scrolls under other content.
Use for the box shadow of elements that sit on top of the UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.surface.overlay Also use for the box shadow of raised cards in a dragged state.
Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with surface.raised
Tokens use for the box shadow of elements.