/* MoiFlix – identite violet-magenta, fonte Geist et zones interactives accessibles. */
:root {
  --font-sans: "Geist", "Geist Fallback", ui-sans-serif, system-ui, sans-serif;
  --color-fuchsia-200: #f9d4ff;
  --color-fuchsia-400: #ef84ff;
  --color-fuchsia-500: #c307ed;
  --color-fuchsia-600: #9300be;
  --color-fuchsia-700: #72008f;
  --moiflix-gradient: linear-gradient(135deg, #ee69ff 0%, #c307ed 50%, #8000a8 100%);
  --moiflix-gradient-hover: linear-gradient(135deg, #f59cff 0%, #d723ff 50%, #9e11cd 100%);
  --moiflix-glow: rgba(195, 7, 237, .25);
  accent-color: #c307ed;
}
html,body,button,input,select,textarea { font-family: "Geist", "Geist Fallback", ui-sans-serif, system-ui, sans-serif; }
::selection { background: rgba(228, 92, 255, .45); color: #fff; }
.moiflix-gradient-text {
  color: #ec71ff;
  background-image: var(--moiflix-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* Utility classes build from the exact source design so no new Tailwind CDN is needed. */
.bg-fuchsia-600,.bg-fuchsia-500 {
  background-color: #c307ed;
  background-image: var(--moiflix-gradient);
  color: #fff;
}
.hover\:bg-fuchsia-700:hover {
  background-color: #c307ed;
  background-image: var(--moiflix-gradient-hover);
}
.border-fuchsia-600 { border-color: #c307ed; }
.text-fuchsia-600,.text-fuchsia-500 { color: #e57cff; }
.miv-top10-heading { border-image: var(--moiflix-gradient) 1; }
.miv-top10-poster:focus-visible { outline-color: #ef84ff; }
:focus-visible { outline-color: #ef84ff; outline-offset: 2px; }
a[href], button:not(:disabled), [role="button"], [role="link"], summary,
input[type="submit"],input[type="button"],input[type="checkbox"],
input[type="radio"], label[for], select, [tabindex="0"] { cursor: pointer !important; }
button:disabled,[aria-disabled="true"] { cursor: not-allowed; }
a[href],button,[role="button"],[role="link"],summary { -webkit-tap-highlight-color: rgba(195,7,237,.19); }
button:not(:disabled):hover,a[href]:hover,[role="button"]:hover,[role="link"]:hover { filter: brightness(1.10); }
button:not(:disabled):active,a[href]:active,[role="button"]:active { filter: brightness(.96); }
.miv-voir-tout:hover,.miv-voir-tout:focus-visible { color: #ef84ff; }
.miv-top10-arrow:hover:not(:disabled) { background: #2b1036; }
@media (prefers-reduced-motion: reduce) {
  a[href],button,[role="button"] { transition-duration:0s !important; }
}