Shadows

Elevation tokens used to create depth across the interface.

Default

1px ring at 6% black (8% for strong), plus elevation. This is the scale used on product surfaces.

shadow-border

--shadow-border

shadow-border-strong

--shadow-border-strong

shadow-sm

--shadow-sm

shadow-md

--shadow-md

shadow-lg

--shadow-lg

shadow-xl

--shadow-xl

Same elevation as Default, with a 0.5px ring at 6% black (8% for strong).

shadow-thin-border

--shadow-thin-border

shadow-thin-border-strong

--shadow-thin-border-strong

shadow-thin-sm

--shadow-thin-sm

shadow-thin-md

--shadow-thin-md

shadow-thin-lg

--shadow-thin-lg

shadow-thin-xl

--shadow-thin-xl

Directional shadow for right-edge drawers.

shadow-sheet-right

--shadow-sheet-right