/* Kepler — Elevation tokens
   The app uses soft neutral shadows for resting elevation, plus tinted
   "glow" shadows under primary-colored elements (buttons, active nav, FAB). */

:root {
  --shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.1), 0 2px 4px -2px rgba(15, 23, 42, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.1), 0 4px 6px -4px rgba(15, 23, 42, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.1), 0 8px 10px -6px rgba(15, 23, 42, 0.1);
  --shadow-2xl: 0 25px 50px -12px rgba(15, 23, 42, 0.25);

  /* Tinted glows — used under primary buttons, active sidebar items, FAB */
  --shadow-glow-blue: 0 10px 15px -3px rgba(10, 88, 202, 0.2);
  --shadow-glow-blue-sm: 0 4px 6px -1px rgba(10, 88, 202, 0.2);
  --shadow-glow-cyan: 0 10px 15px -3px rgba(6, 182, 212, 0.15);
  --shadow-glow-emerald: 0 10px 15px -3px rgba(5, 150, 105, 0.2);
  --shadow-glow-rose: 0 0 8px rgba(239, 68, 68, 0.5);
}