/* Huddle — Elevation (shadows) + z-index.
   Soft, low-contrast shadows tuned for a light UI. */

:root {
  --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);
  --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.10), 0 1px 2px rgba(16, 24, 40, 0.06);
  --shadow-md: 0 4px 8px -2px rgba(16, 24, 40, 0.10), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
  --shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03);
  --shadow-xl: 0 20px 24px -4px rgba(16, 24, 40, 0.08), 0 8px 8px -4px rgba(16, 24, 40, 0.03);

  /* Z layers */
  --z-base:    0;   /* @kind other */
  --z-sticky:  100; /* @kind other */
  --z-drawer:  200; /* @kind other */
  --z-modal:   300; /* @kind other */
  --z-toast:   400; /* @kind other */
  --z-tooltip: 500; /* @kind other */
}