Foundation

Z-Index

레이어 우선순위 — 100 단위로 분리.

매직 넘버 금지. 모든 floating UI는 정해진 토큰만 사용. tooltip이 가장 위에 뜨도록 가장 큰 값 부여.

var(--z-index-modal) · z-modal · tokens.zIndex.modal

Layers

base0기본 stacking context.

dropdown1000Select·DropdownMenu Content.

sticky1100DemoNav·sticky 헤더.

overlay1200Dialog overlay (dim 배경).

modal1300Dialog content.

popover1400Popover·Hover card.

toast1500Toast viewport.

tooltip1600Tooltip — 가장 위.