/* Two shadows only (makeShadow in colorPresets.ts). Cards carry a hairline border
   plus a soft ink shadow; the primary CTA carries an accent-tinted lift.
   No multi-layer glow, no neon. */

:root {
  --shadow-card: 0 2px 8px rgba(var(--shadow-ink), var(--shadow-card-opacity));
  --shadow-cta: 0 8px 14px color-mix(in srgb, var(--color-accent) 28%, transparent);
  /* iOS floating tab capsule only */
  --shadow-tab-pill: 0 6px 16px rgba(0, 0, 0, 0.18);
}