Foundations
Shadows
Shadows combine a hairline outline with a soft drop, so surfaces read in both themes. Dark mode uses stronger values automatically.
| Token | Value | Preview |
|---|---|---|
| --n-shadow-outline-sm · shadow-n-shadow-outline-sm | Hairline + soft drop: inputs, chips | |
| --n-shadow-outline-md · shadow-n-shadow-outline-md | Cards, raised surfaces | |
| --n-shadow-outline-lg · shadow-n-shadow-outline-lg | Menus, popovers (`--ds-shadow-popover`) | |
| --n-focus-shadow · shadow-n-focus-shadow | Keyboard focus ring |
© 2026 Motion. Internal documentation.