/* ===========================================================================
   Pertineo — Elevation (shadows)
   Soft, low-contrast iOS shadows. Pure black at low opacity; the floating
   "Segnala" button uses a green-tinted glow. Cards are flat with a faint drop.
   ========================================================================== */
:root {
  /* Cards & list items — barely-there lift */
  --shadow-card: 0 2px 4px rgba(0,0,0,0.06);
  /* Map controls / floating chrome */
  --shadow-control: 0 2px 4px rgba(0,0,0,0.12);
  /* Navbar (sits under translucent material) */
  --shadow-navbar: 0 2px 6px rgba(0,0,0,0.08);
  /* Bottom tab bar — shadow rises upward */
  --shadow-tabbar: 0 -4px 10px rgba(0,0,0,0.10);
  /* Hero login card — deep, diffuse */
  --shadow-hero: 0 10px 20px rgba(0,0,0,0.15);
  /* Drawer / side panel */
  --shadow-drawer: 4px 0 12px rgba(0,0,0,0.20);
  /* Selected category tile — colored ambient (set --tint per category) */
  --shadow-tile-selected: 0 5px 8px rgba(0,0,0,0.10);
  /* Floating "Segnala" button — green glow */
  --shadow-segnala: 0 5px 14px rgba(25,135,84,0.28);

  /* Hairline border helper (0.5px on retina) */
  --hairline: 0.5px solid var(--border-hairline);
}