/* =========================================================================
   VELVETCONNECT · EFFECTS — shadows, glows, blur, motion
   On a near-black canvas, "elevation" reads as soft glows + gold sheen,
   not the grey drop-shadows of a light UI.
   ========================================================================= */

:root {
  /* ---------- Shadows (deep, for dark surfaces) ---------- */
  --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 20px 48px rgba(0,0,0,0.55);
  --shadow-xl:  0 36px 80px rgba(0,0,0,0.65);
  /* Card lift on the black canvas (subtle, plus a hairline catch of light) */
  --shadow-card: 0 16px 40px rgba(0,0,0,0.50), inset 0 1px 0 rgba(244,239,231,0.04);

  /* ---------- Gold glows (premium / focus / verified) ---------- */
  --glow-gold-sm: 0 0 0 3px rgba(200,164,93,0.18);
  --glow-gold-md: 0 0 24px rgba(200,164,93,0.22);
  --glow-gold-lg: 0 0 48px rgba(200,164,93,0.30);
  --glow-rose:    0 0 28px rgba(201,135,135,0.28);

  /* Focus ring (keyboard) */
  --focus-ring: 0 0 0 2px var(--vc-ink-950), 0 0 0 4px var(--vc-gold-500);

  /* ---------- Blur (glass nav / modals over imagery) ---------- */
  --blur-sm: blur(8px); /* @kind other */
  --blur-md: blur(16px); /* @kind other */
  --blur-lg: blur(28px); /* @kind other */
  --glass-bg:     rgba(16, 15, 21, 0.72); /* @kind color */
  --glass-border: rgba(244, 239, 231, 0.10); /* @kind color */

  /* ---------- Motion ---------- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --ease-lux:    cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --dur-fast:    140ms; /* @kind other */
  --dur-base:    260ms; /* @kind other */
  --dur-slow:    480ms; /* @kind other */
  --dur-reveal:  720ms; /* @kind other */
}