Sidera/Foundations/Shadows
Shadows
Elevation is expressed with a soft, neutral shadow scale layered over hairline borders — enough depth to separate surfaces without shouting.
Steps6
Base hueNeutral
01 —Scale
xs
sm
md
lg
xl
2xl
02 —Tokens
PropTypeDefault
--shadow-xssubtle liftcards, chips
--shadow-smrestingbuttons, inputs
--shadow-mdraiseddropdowns, menus
--shadow-lgfloatingpopovers
--shadow-xloverlaydialogs
--shadow-2xlmodalfull-screen surfaces
03 —Usage
Keep elevation restrained — most UI sits flat with a hairline border, and shadow is reserved for surfaces that genuinely float above the page. In dark mode the same scale reads as a soft halo rather than a hard drop.