:root{
  /* Named exactly as in the Orbit Tailwind theme */
  --shadow-sm:0px 1px 2px 0px rgba(0,0,0,.05);
  --shadow-md:0px 4px 6px 2px rgba(16,24,40,.02),0px 4px 4px 0px rgba(0,0,0,.05);
  --shadow-lg:0px 4px 6px -2px rgba(16,24,40,.03),0px 12px 16px -4px rgba(16,24,40,.08);
  --shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
  --shadow-layer:0px 4px 6px -2px rgba(16,24,40,.03),0px 12px 16px -4px rgba(16,24,40,.02);
  --shadow-layer2:0px 4px 6px -2px rgba(16,24,40,.03),0px 21.5px 16.8px -4px rgba(16,24,40,.04);
  --shadow-gray:0px 0px 0px 1px #ebecee inset,0px 1px 2px 0px rgba(0,0,0,.05);
  --shadow-light:0px 1px 2px 0px rgba(0,0,0,.05),0px 2.5px 3.2px 0px hsla(0,0%,100%,.48) inset;
  --shadow-inverse:0px -4px 8px -2px rgba(16,24,40,.02),0px -2px 4px -2px rgba(16,24,40,.06);
  --shadow-overlay:-1px 2px 2.6px 0px rgba(0,0,0,.04);
  --shadow-popup:rgba(0,0,0,.1) 0px 4px 6px -1px,rgba(0,0,0,.06) 0px 2px 4px -1px;
  --shadow-slideover:-5px 0 9.5px 0 rgba(0,0,0,.1);
  /* The signature 1px inset ring, used instead of a border on most controls */
  --ring-inset-100:inset 0 0 0 1px var(--levels-100);
  --ring-inset-200:inset 0 0 0 1px var(--levels-200);
}