/* =================================================================
   UXOVIA · ELEVATION & MOTION TOKENS
   Deep, soft shadows. Brand glow. Short interaction motion,
   longer staggered page reveals.
   ================================================================= */

:root {
  /* ─────────────────── Elevation ─────────────────── */
  --shadow-1:       0 1px 2px rgba(0,0,0,.4);
  --shadow-2:       0 8px 24px rgba(0,0,0,.35);
  --shadow-card:    0 30px 80px -20px rgba(0,0,0,.55), 0 4px 14px rgba(0,0,0,.25);
  --shadow-float:   0 50px 120px -30px rgba(0,0,0,.75);
  --glow-brand:     0 0 80px rgba(0, 85, 254, 0.35);
  --glow-brand-sm:  0 0 24px rgba(0, 85, 254, 0.35);
  --inset-glow:     inset 0 1px 0 rgba(255,255,255,.08);

  /* ─────────────────── Motion ─────────────────── */
  --ease-out:       cubic-bezier(0.20, 0.70, 0.30, 1); /* @kind other */
  --ease-in-out:    cubic-bezier(0.65, 0.00, 0.35, 1); /* @kind other */
  --ease-spring:    cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-instant:    100ms; /* @kind other */
  --dur-fast:       180ms; /* @kind other */
  --dur:            320ms; /* @kind other */
  --dur-slow:       600ms; /* @kind other */
  --dur-xslow:      1200ms; /* @kind other */
}