# Layering

We use z-indices to manage layering in our interfaces, adding a third axis to arrange content.

| Token              | Value |
| ------------------ | ----- |
| `zIndexSurface`    | 1     |
| `zIndexOverlay`    | 5     |
| `zIndexWindow`     | 10    |
| `zIndexDropdown`   | 20    |
| `zIndexTooltip`    | 30    |
| `zIndexNavigation` | 40    |
| `zIndexModal`      | 50    |
| `zIndexPopover`    | 60    |