/* ============================================================================
   Shadows — drop-shadow definitions for layered surfaces
   ----------------------------------------------------------------------------
   Mirrors agrodat/mobile/lib/uikit/theme/theme_extensions/shadows.dart.

   Each named shadow is a single source of truth. Components consume them
   via var(--shadow-*). Light/dark variants are produced by overriding the
   rgba black alpha in dark mode (shadows stack deeper to register against
   darker surfaces).

   Token scale (light → progressively more elevated):
     --shadow-card         resting card surface
     --shadow-card-hover   card on hover
     --shadow-dropdown     popover menu / autocomplete
     --shadow-sidebar      edge of the sidebar (left divider)
   ============================================================================ */

:root {
  --shadow-rgb: 0, 0, 0;
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);
  --shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.03);
  --shadow-dropdown: 0 10px 24px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-sidebar: 2px 0 8px rgba(0, 0, 0, 0.04);
}

[data-theme="dark"] {
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.3);
  --shadow-dropdown: 0 10px 24px rgba(0, 0, 0, 0.5), 0 2px 6px rgba(0, 0, 0, 0.3);
  --shadow-sidebar: 2px 0 8px rgba(0, 0, 0, 0.3);
}