/* ── Binodia · Effects ────────────────────────────────────────────
   Shadows are soft and dark (on dark theme they read as depth, not light).
   The accent glow is the signature: a cyan halo under gradient elements.
   Motion is calm — fast ease-out lifts, no bounce. */
:root {
  /* Elevation shadows (dark theme: deep, diffuse) */
  --shadow-sm:  0 4px 12px rgba(0, 0, 0, 0.20);
  --shadow-md:  0 12px 30px -10px rgba(0, 0, 0, 0.40);
  --shadow-lg:  0 24px 60px -16px rgba(0, 0, 0, 0.60);

  /* Accent glow — cyan halo (signature) */
  --glow-sm: 0 4px 14px -4px var(--accent-shadow);
  --glow-md: 0 10px 24px -5px var(--accent-shadow);
  --glow-ring: 0 0 0 1px rgba(56, 182, 255, 0.10), 0 10px 30px -12px rgba(14, 165, 233, 0.20);

  /* Focus ring */
  --ring-focus: 0 0 0 3px var(--focus-ring);

  /* Motion — calm ease-out, no bounce */
  --ease: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast: 0.15s; /* @kind other */
  --dur:      0.22s; /* @kind other */
  --dur-slow: 0.3s; /* @kind other */

  /* Standard hover lift for cards/buttons */
  --lift: translateY(-3px); /* @kind other */

  /* Glass / scrolled header */
  --blur: blur(14px); /* @kind other */
  --glass: rgba(3, 7, 18, 0.88); /* @kind color */
}

/* ── Signature keyframes (used across components & kits) ── */
@keyframes binodia-pulse-glow {
  0%   { box-shadow: 0 0 0 0   rgba(14, 165, 233, 0.45); }
  70%  { box-shadow: 0 0 0 12px rgba(14, 165, 233, 0); }
  100% { box-shadow: 0 0 0 0   rgba(14, 165, 233, 0); }
}
@keyframes binodia-flow-dot {
  0%   { left: 0%;   opacity: 0; }
  10%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { left: 100%; opacity: 0; }
}
@keyframes binodia-flow-dot-v {
  0%   { top: 0%;   opacity: 0; }
  10%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { top: 100%; opacity: 0; }
}
@keyframes binodia-fade-up {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}