TokensShadow

Shadow

Tunable shadows for cards / popovers / overlays. --shadow-focus composes --ring-width and --ring and is locked.

Locked

Locked tokens

1 token

--shadow-focusLocked

composition (uses --ring-width)

Light: 0 0 0 var(--ring-width) var(--ring)

Tunable

Tunable tokens

4 tokens

--shadow-cardTunable

Light: 0 1px 2px oklch(0 0 0 / 0.04)

--shadow-insetTunable

Light: inset 0 1px 2px oklch(0 0 0 / 0.06)

--shadow-overlayTunable

Light: 0 24px 48px -16px oklch(0 0 0 / 0.24)