Layer
El orden en que se apilan header, menús, drawers y modales.
Orden de capas
De la capa más baja a la más alta. Usá siempre el token, nunca un z-index suelto: así un modal nunca queda detrás del header.
| Token | Valor | Referencia |
|---|
| 40 | var(--z-index-sticky) |
| 50 | var(--z-index-header) |
| 60 | var(--z-index-overlay) |
| 65 | var(--z-index-mobile-menu) |
| 70 | var(--z-index-drawer) |
| 100 | var(--z-index-modal) |
| 110 | var(--z-index-modal-top) |
| 200 | var(--z-index-progress) |