/* ============================================================
   CINEMATIC SUB-PAGE ENHANCEMENTS
   Shared styling for dreams, faq, prequel, sequel, saga, blog
   ============================================================ */

:root {
  --cin-gold: #c8a03c;
  --cin-cyan: #00eaff;
  --cin-purple: #7c3aed;
  --cin-transition: cubic-bezier(0.16, 1, 0.3, 1);
}

/* Custom Scrollbar */
html {
  scrollbar-width: thin;
  scrollbar-color: rgba(200, 160, 60, 0.3) transparent;
}
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(200, 160, 60, 0.3); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(200, 160, 60, 0.5); }

/* Smooth transitions for all interactive elements */
a, button {
  transition: all 0.3s var(--cin-transition);
}

/* Focus accessibility */
a:focus-visible, button:focus-visible, input:focus-visible {
  outline: 2px solid var(--cin-cyan);
  outline-offset: 2px;
}

/* Enhanced link underlines */
a:hover {
  text-shadow: 0 0 8px rgba(0, 234, 255, 0.15);
}

/* Glassmorphism cards */
[class*="card"],
[class*="panel"],
[class*="faq-card"] {
  transition: all 0.4s var(--cin-transition);
}

[class*="card"]:hover,
[class*="panel"]:hover {
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4), 0 0 30px rgba(200, 160, 60, 0.04);
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}