Soft, warm-black tinted elevations. Premium surfaces elevate with tiny amounts — never crank shadows to add visual interest; that's typography's job.
xs
sm
md
lg
xl
2xl
Semantic roles
ts · packages/shared/src/design/tokens/shadows.mjs
import { elevation } from '@petanque-life/shared/design/tokens/shadows';
elevation.flat // shadows.none — flat on canvas
elevation.raised // shadows.sm — cards
elevation.floating // shadows.md — dropdowns, hover
elevation.overlay // shadows.lg — sheets
elevation.modal // shadows.xl — modals, dialogs
elevation.popover // shadows['2xl'] — floating tooltips / command palette