/* GhostVPN — Effects: shadows, glows, blur, motion
   Dark-UI shadows are deep and soft. The phantom accent gets a signature glow
   used sparingly (primary CTA, active server node). Glass surfaces use blur. */

:root {
  /* Elevation shadows (for dark surfaces) */
  --shadow-xs:   0 1px 2px rgba(0, 0, 0, 0.40);
  --shadow-sm:   0 2px 8px rgba(0, 0, 0, 0.45);
  --shadow-md:   0 10px 30px rgba(0, 0, 0, 0.50);
  --shadow-lg:   0 24px 60px rgba(0, 0, 0, 0.55);
  --shadow-xl:   0 40px 90px rgba(0, 0, 0, 0.60);

  /* Hairline top-light + drop, the standard card treatment */
  --shadow-card: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 12px 34px rgba(0, 0, 0, 0.45);

  /* Phantom glow — the signature accent emphasis */
  --glow-sm:  0 0 24px rgba(77, 242, 166, 0.22);
  --glow-md:  0 0 0 1px rgba(77, 242, 166, 0.30), 0 0 40px rgba(77, 242, 166, 0.28);
  --glow-lg:  0 0 0 1px rgba(77, 242, 166, 0.35), 0 0 70px rgba(77, 242, 166, 0.32);

  /* Glass / backdrop */
  --blur-glass: 18px; /* @kind other */
  --blur-soft:  8px; /* @kind other */

  /* Signature gradients (used sparingly) */
  --grad-phantom: linear-gradient(135deg, #4DF2A6 0%, #38C9E8 100%); /* @kind color */
  --grad-void:    radial-gradient(120% 100% at 50% 0%, #11161D 0%, #0A0D12 55%, #06080B 100%); /* @kind color */
  --grad-aurora:  radial-gradient(80% 60% at 70% 10%, rgba(56,201,232,0.18) 0%, rgba(56,201,232,0) 60%),
                  radial-gradient(70% 60% at 20% 20%, rgba(77,242,166,0.16) 0%, rgba(77,242,166,0) 55%); /* @kind color */

  /* Motion */
  --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 */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast:    140ms; /* @kind other */
  --dur-base:    220ms; /* @kind other */
  --dur-slow:    420ms; /* @kind other */
}