그림자

높이(elevation)를 표현한다. 위로 올라올수록 그림자가 커진다: Tailwind 기본 shadow에서 4단계만 쓴다.

스케일 · elevation

shadow-sm

카드·살짝 떠 있는 면. 가장 흔함.

shadow-md

기본 부상: hover·강조된 카드.

shadow-lg

드롭다운·팝오버·툴팁.

shadow-xl

모달·다이얼로그 등 최상위 레이어.

그림자도 위계다: 한 화면에 큰 그림자(xl)는 보통 하나(모달). 평평한 면은 그림자 없이 border로 구분한다.

어두운 배경에선 그림자가 거의 안 보인다. 다크모드에선 그림자 대신 테두리(border-border·border-border-strong)로 면을 분리하는 편이 안정적이다. 그림자는 “라이트에서 살짝 떠 보이게” 하는 보조 수단으로만 쓴다.