elevation-and-depth

Guides consistent styling of cards and floating interface elements using role-based shadows and rounded corners.

When to use it

Use when designing cards, dropdowns, modals, tooltips, or other floating elements.

It changes how the agent styles interface elements by defining shared elevation tokens and assigning them to specific roles.