Shadow and layers

Every app shares the shadow shapes. The colour comes from the theme's --ds-color-shadow-color, which is why Brookwood's shadows are brown.

Shadows

--ds-shadow-sm

--ds-shadow-md

--ds-shadow-lg

--ds-shadow-xl

--ds-shadow-inset-hairline

Token	Value
`--ds-shadow-sm`	0 1px 3px var(--ds-color-shadow-color)
`--ds-shadow-md`	0 2px 8px -2px var(--ds-color-shadow-color)
`--ds-shadow-lg`	0 8px 24px -6px var(--ds-color-shadow-color)
`--ds-shadow-xl`	0 20px 48px -12px var(--ds-color-shadow-color)
`--ds-shadow-inset-hairline`	inset 0 1px 0 var(--ds-color-shadow-highlight)