:root {
  --shadow-sm:      0 1px  3px var(--color-black-alpha-08);
  --shadow-md:      0 4px 12px var(--color-black-alpha-08);
  --shadow-lg:      0 8px 24px rgba(0, 0, 0, 0.12);
  --shadow-overlay: 0 16px 48px rgba(0, 0, 0, 0.16);

  --shadow-overlay-up: 0 -8px 24px rgba(0, 0, 0, 0.12);
}

:root {
  --z-base:     0;     
  --z-raised:  10;     
  --z-sticky: 100;     
  --z-anchored: 200;   

  --z-drawer-scrim: 1000;
  --z-drawer:       1001;
  --z-modal-scrim:  1100;
  --z-modal:        1101;

  --z-system: 2000;    

  --z-toast:  3000;
}