/* EFFECTS — The Rusk Alliance
   The signature look: glowing cyan outlines on dark surfaces. */

:root {
  /* Shadows — soft depth on navy */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55);

  /* Glows — the defining Rusk / VRChat effect */
  --glow-cyan: 0 0 0 1px rgba(46, 198, 221, 0.6), 0 0 16px rgba(46, 198, 221, 0.45);
  --glow-cyan-strong: 0 0 0 2px rgba(70, 212, 232, 0.8), 0 0 28px rgba(46, 198, 221, 0.6);
  --glow-yellow: 0 0 0 1px rgba(230, 214, 58, 0.7), 0 0 16px rgba(230, 214, 58, 0.4);

  /* Borders */
  --border-w: 2px; /* @kind spacing */

  /* Transitions */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur: 200ms; /* @kind other */
  --dur-slow: 360ms; /* @kind other */

  /* Backdrop */
  --blur-panel: blur(8px); /* @kind other */
}