/* ============================================================
   AI 2030 — Effects: shadows, blur, motion
   ============================================================ */
:root {
  /* Elevation — soft, cool-tinted shadows (navy-based, never pure black) */
  --shadow-xs: 0 1px 2px rgba(0, 31, 63, 0.08);
  --shadow-sm: 0 2px 8px rgba(0, 31, 63, 0.08);
  --shadow-md: 0 8px 24px rgba(0, 31, 63, 0.12);
  --shadow-lg: 0 18px 48px rgba(0, 31, 63, 0.16);
  --shadow-xl: 0 30px 80px rgba(0, 31, 63, 0.22);

  /* Glow — brand accent halos, used sparingly on dark surfaces */
  --glow-purple: 0 0 32px rgba(145, 43, 255, 0.45);
  --glow-cyan:   0 0 32px rgba(51, 197, 255, 0.40);
  --glow-magenta:0 0 32px rgba(255, 65, 239, 0.40);

  /* Frosted glass */
  --blur-glass: saturate(140%) blur(16px); /* @kind other */

  /* Motion — smooth, fluid easing that echoes the identity */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-fluid: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 380ms; /* @kind other */

  /* Focus */
  --ring-width: 3px; /* @kind spacing */
}