Tokens
Shadows
Elevation is theme-specific and reserved for overlays only (dialogs, popovers, dropdowns, toasts) — never for cards or structure, which use a hairline border. The Accessibility theme has no shadows at all. The samples below use the current theme's values.
raised
overlay
Per-theme values
| Token | Light | Dark | Accessibility |
|---|---|---|---|
--shadow-raised | 0 1px 3px rgba(0,0,0,0.10) | 0 1px 3px rgba(0,0,0,0.60) | none |
--shadow-overlay | 0 12px 24px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.04) | 0 12px 24px rgba(0,0,0,0.80), 0 4px 8px rgba(0,0,0,0.40) | none |