Layers
Modal content establishes the first layer, anchored overlays opened from it remain above it, and notifications remain highest. These values do not create a general elevation engine.
| Kind | Token | Value / reference | CSS variable |
|---|---|---|---|
| Primitive | z.index.100 | 100 | --combric-primitive-z-index-100 |
| Primitive | z.index.200 | 200 | --combric-primitive-z-index-200 |
| Primitive | z.index.300 | 300 | --combric-primitive-z-index-300 |
| Semantic | z.index.modal | z.index.100 → 100 | --combric-z-index-modal |
| Semantic | z.index.overlay | z.index.200 → 200 | --combric-z-index-overlay |
| Semantic | z.index.toast | z.index.300 → 300 | --combric-z-index-toast |