/* ===========================================================================
   Nebula — Effects: shadows, neon glows, blur, motion
   The brand lives in light-blue glow. Use --glow-* on interactive / accent.
   =========================================================================== */
:root {
  /* Elevation (cool-tinted, never pure black) */
  --shadow-sm: 0 1px 2px rgba(2, 6, 16, 0.5);
  --shadow-md: 0 8px 24px -8px rgba(2, 6, 16, 0.7);
  --shadow-lg: 0 24px 60px -18px rgba(2, 6, 16, 0.85);

  /* Neon glows — the signature */
  --glow-sm: 0 0 12px rgba(56, 189, 248, 0.35);
  --glow-md: 0 0 22px rgba(56, 189, 248, 0.45), 0 0 4px rgba(174, 240, 255, 0.6);
  --glow-lg: 0 0 40px rgba(56, 189, 248, 0.55), 0 0 8px rgba(174, 240, 255, 0.7);
  --glow-text: 0 0 18px rgba(110, 231, 255, 0.55);
  --glow-inset: inset 0 0 0 1px rgba(110, 231, 255, 0.35), inset 0 0 18px rgba(56, 189, 248, 0.12);

  /* Glass */
  --blur-glass: 14px; /* @kind other */
  --glass-fill: rgba(16, 26, 46, 0.55);

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur: 200ms; /* @kind other */
  --dur-slow: 360ms; /* @kind other */
}