/* ============================================================
   SETTINGS · Z-INDEX
   Named layers. Never use magic numbers in components.
   ============================================================ */

:root {
  --z-below:    -1;
  --z-base:     0;
  --z-panel:    10;
  --z-raised:   20;
  --z-overlay:  100;
  --z-modal:    200;
  --z-toast:    300;
  --z-tooltip:  400;
  --z-cursor:   500;
}