Layout
Responsive breakpoints, max-width container sizes, and the named z-index stack that keeps overlays layering predictably.
Breakpoints
sm640px
md768px
lg1024px
xl1280px
2xl1536px
Container sizes
xs20rem
sm24rem
md28rem
lg32rem
xl36rem
2xl42rem
3xl48rem
4xl56rem
5xl64rem
6xl72rem
7xl80rem
8xl90rem
Z-index
hide-1
base0
docked10
dropdown1000
sticky1100
banner1200
overlay1300
modal1400
popover1500
skipLink1600
toast1700
tooltip1800