Elevation

3-step depth. 그림자는 중립색이 아닌 accent-tinted.

3-step

e0 resting — 그림자 없음. 기본 상태.
e1 hover — 0 2px 8px rgba(0,0,0,0.35). 중립 깊이.
e2 active — 0 14px 32px rgba(255,122,99,0.22), 0 2px 8px rgba(0,0,0,0.5). coral-tinted glow.

elevation은 위계 신호이지 시각 장식이 아니다. e2는 사용자가 선택·조작 중인 요소에만 — 동시에 여러 개 뜨지 않도록.

wds.elevation.none0px 0px 0px 0px rgba(0,0,0,0)

wds.elevation.xs0px 1px 2px 0px rgba(0,0,0,0.05)

wds.elevation.sm0px 2px 8px 0px rgba(0,0,0,0.08)

wds.elevation.md0px 4px 16px 0px rgba(0,0,0,0.12)

wds.elevation.lg0px 8px 24px 0px rgba(0,0,0,0.16)

wds.elevation.xl0px 16px 32px 0px rgba(0,0,0,0.20)