/* WebFlix visual system — user-specified violet gradient. */
:root {
  --color-violet-200: oklch(94.3% .029 294.588);
  --color-violet-400: oklch(70.2% .183 293.541);
  --color-violet-500: oklch(60.6% .25 292.717);
  --color-violet-600: oklch(54.1% .281 293.009);
  --color-violet-700: oklch(49.1% .27 292.581);
  --webflix-gradient: linear-gradient(110deg, oklch(54.1% .281 293.009), var(--color-violet-500));
  --webflix-gradient-hover: linear-gradient(110deg, var(--color-violet-500), oklch(54.1% .281 293.009));
  --webflix-glow: rgba(124,58,237,.24);
  accent-color: #8b5cf6;
}
::selection { background: rgba(139,92,246,.35); color: white; }
.webflix-gradient-text {
  color: #a78bfa;
  background-image: var(--webflix-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bg-violet-600, .bg-violet-500 {
  background-color: #7c3aed;
  background-image: var(--webflix-gradient);
}
.hover\:bg-violet-700:hover { background-image: var(--webflix-gradient-hover); }
.border-violet-600 { border-color: #7c3aed; }
.text-violet-600 { color: #a78bfa; }
.miv-top10-heading { border-image: var(--webflix-gradient) 1; }
.miv-top10-poster:focus-visible { outline-color: #8b5cf6; }
:focus-visible { outline-color: #a78bfa; }
@media (prefers-reduced-motion: reduce) {
  .webflix-gradient-text { animation: none; }
}