:root {
  --z-base: 0;
  --z-content: 1;
  --z-control: 50;
  --z-header-title: 51;
  --z-header-control: 52;
  --z-scrollbar: 60;
  --z-preview: 70;
  --z-toc: 85;
  --z-drawer-mask: 90;
  --z-header: 100;
  --z-bottom-drawer: 105;
  --z-toast: 150;
  --z-modal: 200;

  --duration-fast: 0.2s;
  --duration-normal: 0.3s;
  --duration-slow: 0.4s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-drawer: cubic-bezier(0.2, 0.9, 0.3, 1);

  --app-height: 100dvh;
  --keyboard-height: 0px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

@supports not (height: 100dvh) {
  :root { --app-height: 100vh; }
}