/* ============================================================
   AuroraVision — EFFECTS
   Elevation shadows + neon glows + smoke/haze + motion.
   On a dark holographic UI, "elevation" reads as glow, not drop shadow.
   ============================================================ */
:root {
  /* ---- Elevation (soft dark shadows for depth) ---- */
  --av-elev-1: 0 1px 2px rgba(0,0,0,0.5);
  --av-elev-2: 0 4px 16px rgba(0,0,0,0.5);
  --av-elev-3: 0 12px 40px rgba(0,0,0,0.55);
  --av-elev-4: 0 24px 70px rgba(0,0,0,0.6);

  /* ---- Neon glows (soft, elegant — emphasis only, not everywhere) ---- */
  --av-glow-cyan:    0 0 20px rgba(47,242,255,0.32), 0 0 3px rgba(47,242,255,0.45); /* @kind shadow */
  --av-glow-violet:  0 0 20px rgba(139,92,255,0.32), 0 0 3px rgba(139,92,255,0.45); /* @kind shadow */
  --av-glow-magenta: 0 0 20px rgba(255,79,216,0.30), 0 0 3px rgba(255,79,216,0.45); /* @kind shadow */
  --av-glow-mint:    0 0 18px rgba(43,230,160,0.30), 0 0 3px rgba(43,230,160,0.45); /* @kind shadow */
  --av-glow-soft:    0 0 0 1px rgba(47,242,255,0.16), 0 8px 30px rgba(47,242,255,0.08); /* @kind shadow */

  /* inset rim used on cards/panels to fake a lit edge */
  --av-rim:        inset 0 1px 0 rgba(176,198,255,0.08); /* @kind shadow */
  --av-rim-neon:   inset 0 0 0 1px rgba(47,242,255,0.30); /* @kind shadow */
  --av-focus-ring: 0 0 0 3px rgba(47,242,255,0.35); /* @kind shadow */

  /* ---- Backdrop blur tiers (glass over haze) ---- */
  --av-blur-sm: blur(8px);  /* @kind other */
  --av-blur-md: blur(18px); /* @kind other */
  --av-blur-lg: blur(40px); /* @kind other */

  /* ---- Light 'digital futurism' textures (use faintly, as accents) ---- */
  /* fine dot grid — background-size ~22px; keep opacity low */
  --av-tex-dots: radial-gradient(circle, rgba(176,198,255,0.10) 1px, transparent 1.4px); /* @kind color */
  /* hairline square grid */
  --av-tex-grid: linear-gradient(rgba(176,198,255,0.05) 1px, transparent 1px),
                 linear-gradient(90deg, rgba(176,198,255,0.05) 1px, transparent 1px); /* @kind color */

  /* ---- Elegant haze layer (soft, replaces heavy smoke) ---- */
  --av-smoke: radial-gradient(50% 40% at 20% 0%, rgba(47,242,255,0.08) 0%, rgba(7,9,18,0) 60%),
              radial-gradient(55% 45% at 82% 8%, rgba(139,92,255,0.08) 0%, rgba(7,9,18,0) 60%),
              radial-gradient(60% 50% at 50% 108%, rgba(59,116,255,0.10) 0%, rgba(7,9,18,0) 66%); /* @kind color */

  /* ---- Motion ---- */
  --av-ease-out:   cubic-bezier(0.16, 1, 0.3, 1);    /* @kind other */
  --av-ease-inout: cubic-bezier(0.65, 0, 0.35, 1);   /* @kind other */
  --av-ease-beam:  cubic-bezier(0.22, 1.3, 0.36, 1); /* @kind other */
  --av-dur-fast:   140ms; /* @kind other */
  --av-dur-base:   240ms; /* @kind other */
  --av-dur-slow:   420ms; /* @kind other */
}