/* Watch Party — radios y sombras. Profundidad por color, no por sombra dramática. */
:root{
  --radius-sharp:2px;   /* pills de categoría — editorial, casi recto */
  --radius-sm:4px;
  --radius-md:8px;      /* botones, paneles, thumbnails */
  --radius-action:14px; /* campos y CTAs del flujo de ingreso */
  --radius-lg:20px;     /* cards del feed */
  --radius-sheet:24px;  /* modales / sheets */
  --radius-full:9999px; /* pills reales, avatares, botones circulares */

  --shadow-card:0 20px 25px rgba(0,0,0,.1);
  --shadow-button:0 10px 15px rgba(0,0,0,.1);
  --shadow-panel:0 4px 20px rgba(0,0,0,.5);

  --blur-glass:blur(12px); /* @kind other */
  --ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:180ms; /* @kind other */
  --dur-slow:320ms; /* @kind other */
}