/* ============================================================
   Future Self Now — Effects: shadow, blur, motion, gradients
   Shadows are warm (plum-tinted), never neutral black. Motion
   is gentle and buoyant — things ease and lift, never snap.
   ============================================================ */
:root {
  /* ---------- Elevation — warm plum-tinted shadows ---------- */
  --shadow-xs:   0 1px 2px rgba(42, 8, 38, 0.06);
  --shadow-sm:   0 2px 8px rgba(42, 8, 38, 0.07);
  --shadow-md:   0 8px 24px rgba(42, 8, 38, 0.10);
  --shadow-lg:   0 18px 48px rgba(42, 8, 38, 0.14);
  --shadow-xl:   0 30px 80px rgba(42, 8, 38, 0.18);
  /* Colored glow — for primary CTAs and festival moments */
  --shadow-cerise: 0 12px 32px rgba(200, 30, 90, 0.30);
  --shadow-festival: 0 16px 44px rgba(139, 47, 208, 0.28);

  /* ---------- Focus ---------- */
  --ring: 0 0 0 3px var(--focus-ring);   /* @kind shadow */

  /* ---------- Blur / glass (used on imagery + festival overlays) ---------- */
  --blur-sm: blur(6px);    /* @kind other */
  --blur-md: blur(16px);   /* @kind other */
  --blur-lg: blur(32px);   /* @kind other */
  --glass-light: rgba(255, 255, 255, 0.62);  /* @kind color */
  --glass-dark:  rgba(42, 8, 38, 0.38);      /* @kind color */

  /* ---------- Protection scrim over photography ---------- */
  --scrim-plum: linear-gradient(180deg, rgba(42,8,38,0) 0%, rgba(42,8,38,0.55) 70%, rgba(42,8,38,0.82) 100%); /* @kind color */
  --scrim-top:  linear-gradient(180deg, rgba(42,8,38,0.55) 0%, rgba(42,8,38,0) 45%); /* @kind color */

  /* ---------- Motion ---------- */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);     /* @kind other */
  --ease-buoyant:cubic-bezier(0.34, 1.56, 0.64, 1);  /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);     /* @kind other */
  --dur-fast:    140ms;   /* @kind other */
  --dur-base:    240ms;   /* @kind other */
  --dur-slow:    420ms;   /* @kind other */
  --dur-drift:   8s;      /* @kind other */
}