Shadows

An Untitled UI elevation scale tinted with gray-900 (never pure black), so shadows read soft on both light and dark surfaces.

Elevation scale

From the near-flat control shadow up to full-screen overlay depth.

shadow-xs
Controls: buttons, inputs, cards
shadow-sm
Subtle raised surfaces
shadow-md
Hovered cards, small popovers
shadow-lg
Dropdowns, tooltips, menus
shadow-xl
Popovers, larger overlays
shadow-2xl
Dialogs, modals
shadow-3xl
Full-screen overlays, sheets

Skeuomorphic (buttons)

The UUI button treatment: shadow-xs plus a subtle inset highlight/lowlight, giving primary buttons their pressed-metal feel.

shadow-xs-skeuomorphic
Used on primary & destructive buttons