Shadows
Three lifts, clear hierarchy
A small, deliberate set. Each step adds spread and a touch more opacity — never sacrificing the impression that the surface still belongs to the page.
shadow-light
light
Subtle separation — cards lifting off the canvas, tooltips, popovers.
0px 1px 10px 0px #0000000f
shadow-medium
medium
Floating surfaces — modals, sheets, dropdowns when more emphasis is needed.
0px 1px 12px 0px #00000017
shadow-dark
dark
Heavy lift — full-screen overlays, drag previews, drag-and-drop indicators.
0px 1px 16px 0px #00000021