/* ============================================================
   DIGITAL PREMIUM — GRADIENT & EFFECT TOKENS (línea oficial)
   Deep plum grounds, orchid spotlights, purple label chips,
   neon fuchsia glow and lens-flare sparkles.
   ============================================================ */

:root {
  /* Signature diagonal brand gradient (plum → purple → orchid) */
  --grad-brand: linear-gradient(115deg,
      #2E052B 0%,
      #420A48 28%,
      #6D1B99 62%,
      #9F30B8 100%); /* @kind other */

  /* Radial "spotlight" — lit purple center, plum vignette */
  --grad-brand-radial: radial-gradient(120% 120% at 25% 15%,
      #9F30B8 0%,
      #610978 34%,
      #420A48 64%,
      #2E052B 100%); /* @kind other */

  /* Label chip / pill (SERIES · PELÍCULAS · CADA MES) */
  --grad-chip: linear-gradient(90deg, #6D1B99 0%, #963395 100%); /* @kind other */

  /* Light variant (lavender → orchid wash) */
  --grad-light: linear-gradient(180deg, #F7F1F9 0%, #E6D6EE 55%, #9F70B4 100%); /* @kind other */

  /* Lime CTA */
  --grad-lime: linear-gradient(100deg, #D4D32C 0%, #E2E13F 100%); /* @kind other */

  /* Dark surface gradient (cards / panels on dark) */
  --grad-surface: linear-gradient(160deg, #2C0F3B 0%, #210A2C 100%); /* @kind other */

  /* Image scrims */
  --grad-scrim-bottom: linear-gradient(to top,
      rgba(46,5,43,0.94) 0%,
      rgba(46,5,43,0.55) 40%,
      rgba(46,5,43,0) 100%); /* @kind other */
  --grad-scrim-top: linear-gradient(to bottom,
      rgba(46,5,43,0.85) 0%,
      rgba(46,5,43,0) 100%); /* @kind other */

  /* Lens-flare sparkle (corner glints on frames/cards) */
  --fx-sparkle: radial-gradient(circle, #fff 0%, rgba(255,255,255,0.85) 12%, rgba(214,120,255,0.55) 32%, rgba(159,48,184,0) 70%); /* @kind other */

  /* ---- Shadows ---- */
  --shadow-sm:   0 1px 2px rgba(0,0,0,0.4);
  --shadow-md:   0 6px 18px rgba(20,0,25,0.5);
  --shadow-lg:   0 18px 44px rgba(20,0,25,0.6);
  --shadow-card: 0 10px 30px rgba(20,0,25,0.55);

  /* Brand glows */
  --glow-magenta: 0 12px 40px rgba(182, 32, 208, 0.45);
  --glow-purple:  0 0 0 1px rgba(159,48,184,0.55), 0 0 28px rgba(159,48,184,0.45);
  --glow-blue:    0 12px 40px rgba(81, 25, 199, 0.40);
  --glow-lime:    0 8px 26px rgba(212, 211, 44, 0.38);

  /* Shadow on light surfaces */
  --shadow-on-light: 0 14px 40px rgba(42, 10, 61, 0.16);

  /* ---- Blur ---- */
  --blur-panel: blur(18px); /* @kind other */
  --blur-chip:  blur(8px); /* @kind other */
}