/* ============================================================
   Delulu Solutions / Effects: glass, glow, shadow, gradient

   The liquid-glass look lives here. Frosted surfaces, soft glow,
   and a couple of brand gradients for poster and slide backdrops.
   ============================================================ */

:root {
  /* ---- Drop shadows ---- */
  --shadow-soft:  0 4px 16px 0 rgba(21,18,31,0.12);
  --shadow-card:  0 16px 40px 0 rgba(1,0,129,0.18);
  --shadow-float: 0 28px 60px 0 rgba(1,0,129,0.30);

  /* ---- Glass ---- */
  --glass-blur: 18px;
  --glass-shadow:
    0 16px 40px 0 rgba(1,0,129,0.22),
    inset 0 1px 0 0 var(--glass-highlight),
    inset 0 0 0 1px var(--glass-stroke); /* @kind shadow */

  /* ---- Glow ---- */
  --glow-cyan:   0 0 28px 0 rgba(79,214,232,0.55); /* @kind shadow */
  --glow-violet: 0 0 32px 0 rgba(138,63,230,0.50); /* @kind shadow */
  --text-glow:   0 0 24px rgba(79,214,232,0.45);   /* @kind shadow */

  /* ---- Gradients ---- */
  --grad-deep:   linear-gradient(155deg, #2A1A6E 0%, #160C43 55%, #010081 100%); /* @kind color */
  --grad-violet: linear-gradient(135deg, #8A3FE6 0%, #6246EA 100%); /* @kind color */
  --grad-pop:    linear-gradient(120deg, #4FD6E8 0%, #8A3FE6 48%, #E14BC0 100%); /* @kind color */
  --grad-wash:   linear-gradient(180deg, #F3F2FF 0%, #C9BBF9 100%); /* @kind color */

  /* ---- Motion ---- */
  --ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);  /* @kind other */
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);     /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur-base: 260ms; /* @kind other */
}