Shadows

Shadows
Token	Sample	Use it for
`shadow`	`box-shadow: 4px 4px 0 0 #16161a;` Shadow XY Blur px Spread px Color Opacity %	`Slab` and the table of contents.
`shadow-sm`	`box-shadow: 3px 3px 0 0 #16161a;` Shadow XY Blur px Spread px Color Opacity %	`Button`
`shadow-pressed`	`box-shadow: 1px 1px 0 0 #16161a;` Shadow XY Blur px Spread px Color Opacity %	Hover and press shadow of `Button`
`focus-halo`	`box-shadow: 0 0 0 3px #a5c8ff, 0 0 0 7px #0066ff;` Shadow Layer 1 XY Blur px Spread px Color Opacity % Layer 2 XY Blur px Spread px Color Opacity %	The focus indicator on links, buttons, summaries and inputs: a 3px `focus-ring-soft` halo, then a 4px `focus-ring-primary` ring. Replaces the outline.