Foundation
Höhe ist Reihenfolge, nicht Schatten.
src/styles/global.css
Fünf z-Stufen. Kein Schatten, keine Elevation-Leiter. Was oben liegt, ist opak und hat eine Kante oder einen Fond. Was darunter liegt, bleibt sichtbar oder verschwindet ganz.
| Token | Wert | Wo |
|---|---|---|
| --z-index-base | 0 | Fläche, Text, Bild |
| --z-index-content | 10 | Sticky-Spalten, Progress-Haarlinie |
| --z-index-overlay | 40 | Menü-Fläche, Dialog-Fond |
| --z-index-nav | 50 | Header, Introbar |
| --z-index-toast | 60 | Meldung |
Kein Schatten
Karten liegen als Fond (granit-100 / granit-900) oder in Haarlinie. Overlays sind opak. Ein Vorschlag für drei Stufen ohne Schatten liegt im Playground.