/* ============================================================
   THE UPGRADE — Effects: shadows, glows, blur, motion
   Soft premium elevation on light; electric glow for the brand.
   ============================================================ */

:root {
  /* ---- Elevation shadows (warm, soft, premium) ---- */
  --shadow-xs:  0 1px 2px rgba(10,15,31,.05);
  --shadow-sm:  0 2px 8px rgba(10,15,31,.06);
  --shadow-md:  0 8px 24px rgba(10,15,31,.08);
  --shadow-lg:  0 18px 48px rgba(10,15,31,.10);
  --shadow-xl:  0 32px 80px rgba(10,15,31,.14);

  /* ---- Electric glow (the signature) ---- */
  --glow-sm:    0 0 16px rgba(42,75,255,.35);
  --glow-md:    0 0 28px rgba(42,75,255,.45);
  --glow-lg:    0 0 48px rgba(42,75,255,.55), 0 0 12px rgba(102,210,255,.4);
  --glow-cyan:  0 0 32px rgba(102,210,255,.5);
  --glow-inset: inset 0 0 0 1px rgba(94,140,255,.45), 0 0 24px rgba(42,75,255,.4);

  /* ---- Blur (glass panels over imagery) ---- */
  --blur-panel: blur(18px) saturate(135%); /* @kind other */

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

  /* ---- Motion: smooth, confident, never bouncy ---- */
  --ease-out:      cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast:      140ms; /* @kind other */
  --dur-base:      240ms; /* @kind other */
  --dur-slow:      420ms; /* @kind other */
  --transition-base: all var(--dur-base) var(--ease-out); /* @kind other */
}