Foundations
Elevation
Soft, quiet shadows after Spectrum 2's layered structure: a light ambient layer and a faint key line, so surfaces lift without looking heavy. A little stronger in dark.
Shadows
shadow-emphasizedCards at rest.
shadow-elevatedHovered or selected cards, popovers, menus, the phone tab bar.
shadow-draggedSomething being dragged; toasts.
Glass
Glass the way Apple uses it: only for the navigation layer that floats above content (the side navigation, the floating toolbar, the phone tab bar, the drawer, menus). Content stays on solid surfaces. A translucent fill that blurs and saturates what scrolls beneath, a bright inner rim, a specular line along the top, a dark hairline outside and a soft deep shadow. Solid with prefers-reduced-transparency. Not a gradient.
Navigation floats in glass
Content stays on a solid surface