/* ----------------------------------------------------------------------------
   Nick Spinelli — Effects: radii, shadows, motion
   Bold and punchy. Sharp-ish corners echo the angular logo. Real shadows plus
   electric accent glows for nightlife energy. Quick, confident motion.
---------------------------------------------------------------------------- */
:root {
  /* ---- Radii — sharp, modern ---- */
  --radius-none: 0;
  --radius-sm:  3px;
  --radius-md:  6px;
  --radius-lg:  12px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* ---- Shadows ---- */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.08);
  --shadow-sm: 0 2px 10px rgba(0,0,0,0.10);
  --shadow-md: 0 10px 30px rgba(0,0,0,0.14);
  --shadow-lg: 0 28px 70px rgba(0,0,0,0.22);
  --shadow-glow: 0 8px 36px rgba(var(--accent-rgb), 0.40);   /* accent glow */
  --shadow-glow-violet: 0 8px 36px rgba(108,43,226,0.40);

  --ring-accent: inset 0 0 0 1px var(--border-accent);

  /* ---- Motion ---- */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   240ms; /* @kind other */
  --dur-slow:   480ms; /* @kind other */

  /* ---- Overlays / blur ---- */
  --overlay-scrim: linear-gradient(180deg, rgba(8,8,10,0) 0%, rgba(8,8,10,0.82) 100%); /* @kind other */
  --overlay-scrim-soft: linear-gradient(180deg, rgba(8,8,10,0) 30%, rgba(8,8,10,0.6) 100%); /* @kind other */
  --overlay-accent: linear-gradient(140deg, rgba(var(--accent-rgb),0.34) 0%, rgba(0,0,0,0.18) 100%); /* @kind other */
  --blur-glass: blur(16px) saturate(130%); /* @kind other */
}