/* Shadows are restrained and cool-neutral — they read like the soft studio shadow in the product
   photography, never a colored glow. Most cards use a hairline border instead of a shadow. */
:root{
  --shadow-none:none;
  --shadow-xs:0 1px 2px rgba(21,21,21,.06);
  --shadow-sm:0 2px 6px rgba(21,21,21,.07);
  --shadow-md:0 6px 18px rgba(21,21,21,.09);
  --shadow-lg:0 18px 44px rgba(21,21,21,.12);
  --shadow-focus:0 0 0 3px rgba(122,193,67,.4);
  --shadow-inset-hairline:inset 0 0 0 1px var(--border-subtle);
  --overlay-scrim:rgba(5,84,116,.55);
  --overlay-photo-protect:linear-gradient(to top,rgba(21,21,21,.42),rgba(21,21,21,0) 60%); /* @kind other */
  --blur-panel:saturate(1.1) blur(14px); /* @kind other */
}