/* $GRINCH — Glow, shadow, border & motion tokens
   The neon glow IS the brand. Use it on headers, the primary CTA, and active borders. */
:root {
  /* Box glows */
  --glow-neon: 0 0 24px rgba(57, 255, 20, 0.35);
  --glow-neon-strong: 0 0 0 1px rgba(57, 255, 20, 0.6), 0 0 28px rgba(57, 255, 20, 0.45);
  --glow-gold: 0 0 24px rgba(255, 212, 59, 0.35);
  --glow-gold-strong: 0 0 0 1px rgba(255, 212, 59, 0.6), 0 0 28px rgba(255, 212, 59, 0.45);

  /* Text glows */
  --text-glow-neon: 0 0 12px rgba(57, 255, 20, 0.55), 0 0 2px rgba(57, 255, 20, 0.8);
  --text-glow-gold: 0 0 12px rgba(255, 212, 59, 0.55), 0 0 2px rgba(255, 212, 59, 0.8);

  /* Depth shadows (on near-black, rely on darkness + glow more than soft shadow) */
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.6);
  --shadow-raised: 0 12px 48px rgba(0, 0, 0, 0.7);

  /* 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 */
  --dur-fast: 120ms;  /* @kind other */
  --dur: 200ms;       /* @kind other */
  --dur-slow: 360ms;  /* @kind other */
}