Shadows

Elevation shadows using CSS variables. Adapts to theme changes.

2 shadow tokens covering the elevation levels used across the site.

Small

shadow-sm

Subtle elevation for small elements (toggles, pills)

Large

shadow-lg

Strong elevation for modals and popovers

Standard elevation shadows for depth hierarchy:

shadow-sm

shadow-lg

Common Patterns

shadow-sm — Buttons, small elementsshadow-lg — Modals, dropdowns