/* ELEVATION — shadows are rare and always soft, wide and low-opacity. A card usually
   separates by FILL (gray-100 on white), not by shadow. Borders are 1px hairlines. */
:root {
  --shadow-none: none;
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 8px 32px rgba(0, 0, 0, 0.1);
  --shadow-pop: 0 11px 34px rgba(0, 0, 0, 0.12);   /* dropdown, tooltip */
  --shadow-modal: 0 24px 60px rgba(0, 0, 0, 0.22);
  --shadow-nav-scrolled: 0 1px 0 rgba(0, 0, 0, 0.08);
  --ring-focus: 0 0 0 4px var(--focus-ring);
  --ring-inset: inset 0 0 0 1px var(--border-hairline);

  /* Protection gradients — used over photography instead of a flat scrim */
  --scrim-top: linear-gradient(to bottom, rgba(0,0,0,0.55), rgba(0,0,0,0) 55%);
  --scrim-bottom: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0) 60%);
  --scrim-full: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.15));
}