/* ===========================================================================
   Fluffy Favourites — Effects: shadows, gradients, motion
   =========================================================================== */

:root {
  /* Shadows — soft, lifted, never harsh. Tinted warm where it sits on cream. */
  --shadow-xs:  0 1px 2px rgba(118, 6, 63, 0.06);
  --shadow-sm:  0 2px 8px rgba(118, 6, 63, 0.08);
  --shadow-md:  0 8px 24px rgba(118, 6, 63, 0.10);
  --shadow-lg:  0 16px 40px rgba(118, 6, 63, 0.14);
  --shadow-cta: 0 6px 0 var(--gold-600), 0 12px 24px rgba(245, 155, 22, 0.35); /* chunky "candy button" */
  --shadow-go:  0 6px 0 var(--green-700), 0 12px 24px rgba(93, 160, 44, 0.30);
  --ring-focus: 0 0 0 4px rgba(237, 30, 146, 0.30);

  /* Signature gradients */
  --grad-brand:  linear-gradient(135deg, #FB52AE 0%, #ED1E92 55%, #D10F7E 100%); /* @kind color */
  --grad-cta:    linear-gradient(180deg, var(--cta-from) 0%, var(--cta-to) 100%); /* @kind color */
  --grad-go:     linear-gradient(180deg, var(--go-from) 0%, var(--go-to) 100%); /* @kind color */
  --grad-gold:   linear-gradient(180deg, #FBEFC9 0%, #EAB94A 50%, #B17C1C 100%); /* @kind color */
  --grad-sky:    linear-gradient(180deg, #C6ECFB 0%, #8FDBF7 100%); /* @kind color */
  --grad-sunny:  radial-gradient(120% 90% at 50% -10%, #FFF6CF 0%, #FFD9EE 45%, #E7D4F4 100%); /* @kind color */
  --grad-dream:  linear-gradient(180deg, #FFF0F8 0%, #E7D4F4 100%); /* @kind color */

  /* Motion — bouncy & friendly */
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --ease-out:    cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --dur-fast:    140ms; /* @kind other */
  --dur-base:    220ms; /* @kind other */
  --dur-slow:    360ms; /* @kind other */
}