/* ============================================================
   ELEVATION — Parks Genie
   Soft, low, cool-tinted shadows in light; near-invisible
   shadows + a faint top-inset highlight in dark (cards read by
   their fill, not their shadow, on black). Tinted/active cards
   trade shadow for an accent inset ring (see components).
   ============================================================ */

:root {
  /* the workhorse card shadow */
  --shadow-card:
     0 1px 2px rgba(20,30,60,.06),
     0 10px 24px -16px rgba(20,30,60,.30);

  /* raised: sheets, popovers, the active segmented thumb */
  --shadow-raised:
     0 2px 6px rgba(20,30,60,.10),
     0 24px 60px -24px rgba(20,30,60,.42);

  /* the bottom sheet lifting off the backdrop */
  --shadow-sheet: 0 -18px 50px -20px rgba(6,18,52,.42);

  /* hairline ring used in place of / on top of shadow */
  --ring-hairline: inset 0 0 0 1px var(--pg-hairline);

  /* gold CTA glow */
  --shadow-gold:
     0 10px 22px -8px rgba(247,168,35,.55),
     inset 0 1px 0 rgba(255,255,255,.5);
}

[data-theme="dark"] {
  --shadow-card:
     inset 0 1px 0 rgba(255,255,255,.04),
     0 14px 32px -18px rgba(0,0,0,.8);

  --shadow-raised:
     inset 0 1px 0 rgba(255,255,255,.05),
     0 28px 64px -22px rgba(0,0,0,.9);

  --shadow-sheet:
     inset 0 1px 0 rgba(255,255,255,.05),
     0 -22px 60px -20px rgba(0,0,0,.85);
}