/* Z-index Layer System
 * -------------------------------------------------------------------------- */

:where(html) {
  /* Z-index layers for consistent stacking contexts */
  --layer-bottom: 1;
  --layer-coverall: 9;
  --layer-middle: 10;
  --layer-top: 100;
  --layer-tippy-top: 110;
  --layer-dropdown: 200;
  --layer-navigation: 500;
  --layer-scrim: 999;
  --layer-modal: 1000;
  --layer-toast: 1100;
}