/* Shadow / elevation system + motion easing, verbatim from site.scss. */
:root{
  --shadow-button:0px 1px 0px 0px rgba(0,0,0,0.05);
  --shadow-button-hover:0px 2px 16px 0px rgba(33,43,54,0.08),0px 0px 0px 1px rgba(6,44,82,0.10);
  --shadow-button-pressed:0px 2px 0px 0px rgba(0,0,0,0.05) inset;
  --shadow-dropdown:0px 0px 1px 0px rgba(0,0,0,0.20),0px 26px 80px 0px rgba(0,0,0,0.20);
  --shadow-modal:0px 0px 1px 0px rgba(0,0,0,0.20),0px 26px 80px 0px rgba(0,0,0,0.20);
  --shadow-stage-header:0px 0px 1px 0px rgba(0,0,0,0.25),0px 2px 1px 0px rgba(0,0,0,0.05);
  --chart-tooltip-box-shadow:0px 2px 16px 0px rgba(33,43,54,0.08);
  --shadow-profile:0 0.5rem 1rem rgba(0,0,0,0.15);
  --shadow-profile-sm:0 0.125rem 0.25rem rgba(0,0,0,0.075);
  --chat-panel-right-shadow:4px 0 8px -4px rgba(0,0,0,0.1);
  --chat-panel-double-shadow:-4px 0 8px -4px rgba(0,0,0,0.1),4px 0 8px -4px rgba(0,0,0,0.1);

  /* Stacking order for the overlay family. Every overlay component reads these
     rather than carrying its own literal, so a popover inside a modal, or a
     tooltip on a toast, lands predictably. Values follow the vendored CSS,
     which already pins .toast-container at 1090. */
  --z-sticky:1020; /* @kind other */
  --z-drawer:1045; /* @kind other */
  --z-modal:1055; /* @kind other */
  --z-dropdown:1070; /* @kind other */
  --z-popover:1071; /* @kind other */
  --z-toast:1090; /* @kind other */
  --z-tooltip:1100; /* @kind other */

  --animation-spring-gentle:cubic-bezier(0.47,0,0.23,1.38); /* @kind other */
  --animation-spring-gentler:cubic-bezier(0.47,0,0.33,1.22); /* @kind other */
  --transition-default:0.5s ease; /* @kind other */
}