/* ============================================================
   LIQUIDE — Effects: shadows, glows, blur, motion
   ============================================================ */

:root {
  /* ---- Elevation shadows (tuned for dark canvas) ---- */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.40);
  --shadow-md: 0 6px 18px rgba(0,0,0,0.45);
  --shadow-lg: 0 18px 44px rgba(0,0,0,0.55);
  --shadow-xl: 0 36px 80px rgba(0,0,0,0.60);

  /* ---- Brand glow (the signature accent on dark) ---- */
  --glow-brand:  0 0 0 1px rgba(138,60,197,0.30), 0 12px 40px rgba(106,11,168,0.45);
  --glow-soft:   0 8px 32px rgba(106,11,168,0.30);
  --glow-strong: 0 0 60px rgba(106,11,168,0.55);

  /* ---- Glass / blur ---- */
  --blur-sm: blur(8px); /* @kind other */
  --blur-md: blur(18px); /* @kind other */
  --glass-fill:   rgba(20, 20, 23, 0.55);
  --glass-border: rgba(255, 255, 255, 0.12);

  /* ---- Motion ---- */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --ease-snap:  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 */

  /* ---- Overlay scrims / protection gradients ---- */
  --scrim-bottom: linear-gradient(180deg, rgba(15,15,15,0) 0%, rgba(15,15,15,0.55) 55%, rgba(15,15,15,0.95) 100%); /* @kind other */
  --scrim-top:    linear-gradient(180deg, rgba(15,15,15,0.9) 0%, rgba(15,15,15,0) 100%); /* @kind other */
}