/* CineRegal: cinematic amber design system. No font binaries bundled. */
:root {
  --font-sans: "Geist", "Geist Fallback", ui-sans-serif, system-ui, sans-serif;
  --color-amber-200: #fef3c7;
  --color-amber-400: rgb(252, 211, 77);
  --color-amber-500: rgb(245, 158, 11);
  --color-amber-600: rgb(217, 119, 6);
  --color-amber-700: #b45309;
  --cineregal-gradient: linear-gradient(135deg, rgb(252, 211, 77) 0%, rgb(245, 158, 11) 50%, rgb(217, 119, 6) 100%);
  --cineregal-gradient-hover: linear-gradient(135deg, rgb(255, 224, 122) 0%, rgb(252, 184, 41) 50%, rgb(238, 145, 16) 100%);
  --cineregal-glow: rgba(245,158,11,.24);
  accent-color: rgb(245,158,11);
}
html, body, button, input, select, textarea { font-family: "Geist", "Geist Fallback", ui-sans-serif, system-ui, sans-serif; }
::selection { color: #111; background: rgba(252,211,77,.67); }
.cineregal-gradient-text {
  color: rgb(252,211,77);
  background-image: var(--cineregal-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* Existing Tailwind utility classes now use the golden color palette. */
.bg-amber-600, .bg-amber-500 {
  background-color: rgb(245,158,11);
  background-image: var(--cineregal-gradient);
  color: #1e1304;
}
.hover\:bg-amber-700:hover { background-color: rgb(245,158,11); background-image: var(--cineregal-gradient-hover); }
.border-amber-600 { border-color: rgb(245,158,11); }
.text-amber-600, .text-amber-500 { color: rgb(252,211,77); }
.miv-top10-heading { border-image: var(--cineregal-gradient) 1; }
.miv-top10-poster:focus-visible { outline-color: #fcd34d; }
:focus-visible { outline-color: #fcd34d; outline-offset: 2px; }
/* Real interactive targets clearly advertise their clickability. */
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(245,158,11,.18); }
button:not(:disabled):hover, a[href]:hover, [role="button"]:hover, [role="link"]:hover { filter: brightness(1.08); }
button:not(:disabled):active, a[href]:active, [role="button"]:active { filter: brightness(.96); }
.miv-voir-tout:hover, .miv-voir-tout:focus-visible { color: #fcd34d; }
.miv-top10-arrow:hover:not(:disabled) { background: #38290e; }
/* Legibility for text over the requested luminous amber CTA gradient. */
.bg-amber-600.text-white, .bg-amber-500.text-white,
.bg-amber-600 .text-white, .bg-amber-500 .text-white { color: #191203; }
@media (prefers-reduced-motion: reduce) {
  a[href], button, [role="button"] { transition-duration: 0s !important; }
}