Z-index

Every stacked surface in Atelier resolves to one of eight named layers. Hard-coded z-index values are banned; components reference the semantic tokens so the stacking order stays coherent across the system.

-1

z-hide

--z-hide

Pushed behind the page (rare)

z-base

--z-base

Normal in-flow content

1000

z-dropdown

--z-dropdown

Select menus, dropdowns

1100

z-sticky

--z-sticky

Sticky headers, table headers

1200

z-overlay

--z-overlay

Dialog overlay backdrops

1300

z-modal

--z-modal

Dialogs, drawers

1400

z-popover

--z-popover

Popovers, context menus

1500

z-tooltip

--z-tooltip

Tooltips (always on top)