/* ============================================================
   Photobooth Goa — Radii, Shadows, Motion
   Friendly rounded UI · soft warm shadows · smooth springy motion
   ============================================================ */
:root {
  /* Corner radii — generous & friendly */
  --radius-sm: 8px;
  --radius-md: 14px;     /* default cards, inputs */
  --radius-lg: 22px;     /* package cards, media */
  --radius-xl: 32px;     /* hero panels */
  --radius-pill: 999px;  /* buttons, chips, tags */

  /* Shadows — warm-tinted, soft (photos pop above neutral bg) */
  --shadow-xs: 0 1px 2px rgba(31, 24, 25, 0.06);
  --shadow-sm: 0 2px 8px rgba(31, 24, 25, 0.08);
  --shadow-md: 0 10px 28px rgba(31, 24, 25, 0.10);
  --shadow-lg: 0 22px 50px rgba(31, 24, 25, 0.14);
  --shadow-coral: 0 14px 30px rgba(255, 77, 109, 0.32);  /* glow under CTA */

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur: 240ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
}