/* Essence — elevation. Dark surfaces lean on borders; shadow carries dropdowns/modals only. */
:root{
  --shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);
  --shadow-sm:0 2px 4px -1px rgba(0,0,0,0.1);
  --shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);
  --shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
  --shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);
  --shadow-soft:0 2px 15px -3px rgba(0,0,0,0.07),0 10px 20px -2px rgba(0,0,0,0.04);
  --shadow-dropdown:0 20px 60px rgba(0,0,0,0.4);
  --shadow-modal:0 24px 80px rgba(0,0,0,0.5);
  --glow-primary:0 0 0 3px rgba(51,173,211,0.12);
  --glow-emerald:0 0 0 3px rgba(32,190,160,0.12);
  --glow-crimson:0 0 0 3px rgba(238,20,87,0.12);
}