:root {
  --arhix-layer-canvas: 0;
  --arhix-layer-drag: 60;
  --arhix-layer-workspace: 70;
  --arhix-layer-inspector: 90;
  --arhix-layer-rail: 100;
  --arhix-layer-navigator: 105;
  --arhix-layer-toolbar: 108;
  --arhix-layer-command-bar: 110;
  --arhix-layer-menu: 120;
  --arhix-layer-popover: 150;
  --arhix-layer-popover-menu: 151;
}

[data-ui-layer="canvas"] { z-index: var(--arhix-layer-canvas); }
[data-ui-layer="drag"] { z-index: var(--arhix-layer-drag); }
[data-ui-layer="workspace"] { z-index: var(--arhix-layer-workspace); }
[data-ui-layer="inspector"] { z-index: var(--arhix-layer-inspector); }
[data-ui-layer="toolbar"] { z-index: var(--arhix-layer-toolbar); }
[data-ui-layer="rail"] { z-index: var(--arhix-layer-rail); }
[data-ui-layer="navigator"] { z-index: var(--arhix-layer-navigator); }
[data-ui-layer="command-bar"] { z-index: var(--arhix-layer-command-bar); }
[data-ui-layer="menu"] { z-index: var(--arhix-layer-menu); }
[data-ui-layer="popover"] { z-index: var(--arhix-layer-popover); }
[data-ui-layer="popover-menu"] { z-index: var(--arhix-layer-popover-menu); }