/* ALEBEX — EFFECTS
   Depth comes from light/glows, not heavy glass or fake 3D. */
:root{
  /* Cyan glow (voice presence, active states) */
  --glow-cyan-sm:0 0 0 1px rgba(56,189,248,.25), 0 8px 24px rgba(14,159,212,.18);
  --glow-cyan-md:0 0 40px rgba(56,189,248,.28);
  --glow-cyan-lg:0 0 80px rgba(56,189,248,.22);

  /* Elevation — restrained, cool-toned */
  --shadow-1:0 1px 2px rgba(4,18,31,.4);
  --shadow-2:0 10px 30px rgba(4,18,31,.45);
  --shadow-3:0 24px 60px rgba(4,18,31,.55);

  /* Subtle panel surface (used sparingly, not glass everywhere) */
  --panel-bg:rgba(16,44,91,.35);
  --panel-border:1px solid rgba(56,189,248,.14); /* @kind other */

  /* Motion */
  --ease-out:cubic-bezier(.22,.61,.36,1);   /* @kind other */
  --ease-in-out:cubic-bezier(.65,.05,.36,1); /* @kind other */
  --dur-fast:140ms; /* @kind other */
  --dur-med:260ms;  /* @kind other */
  --dur-slow:520ms; /* @kind other */

  --blur-panel:14px; /* @kind other */
}