:root {
  --z-base: 1;
  --z-editor: 10;
  --z-toolbar: 20;
  --z-dropdown: 30;
  --z-tooltip: 40;
  --z-modal-backdrop: 100;
  --z-modal: 110;
  --z-overlay: 200;
  --z-auth: 300;
  --z-wizard: 400;
  --z-splash: 500;
  --z-panic: 600;
  --z-toast: 700;
  --z-max: 9999;
}

.z-base { z-index: var(--z-base); }
.z-editor { z-index: var(--z-editor); }
.z-toolbar { z-index: var(--z-toolbar); }
.z-dropdown { z-index: var(--z-dropdown); }
.z-tooltip { z-index: var(--z-tooltip); }
.z-modal-backdrop { z-index: var(--z-modal-backdrop); }
.z-modal { z-index: var(--z-modal); }
.z-overlay { z-index: var(--z-overlay); }
.z-auth { z-index: var(--z-auth); }
.z-wizard { z-index: var(--z-wizard); }
.z-splash { z-index: var(--z-splash); }
.z-panic { z-index: var(--z-panic); }
.z-toast { z-index: var(--z-toast); }
.z-max { z-index: var(--z-max); }