/*
  -----------------------------------------------------------------------------
  CINEMATIC CUSTOM GLUE
  -----------------------------------------------------------------------------
  Final Polish & Assembly
*/

/* Apply the font families globally if not already picked up */
body,
input,
button,
textarea,
select {
    font-family: "Roboto", sans-serif;
}

pre,
code,
kbd,
samp {
    font-family: "Roboto Mono", monospace;
}

/* ----------------------------------------------------------------------------
   ACCESSIBILITY & SAFEGUARDS
   ---------------------------------------------------------------------------- */

/* Respect reduced motion - Essential for "Cinematic" not to mean "Nauseating" */
@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    .film-grain,
    .vignette-overlay {
        background-image: none !important;
        animation: none !important;
    }
}

/* Mobile optimizations - Reduce heavy effects */
@media screen and (max-width: 768px) {
    :root {
        --film-grain-opacity: 0.02;
        /* Reduce noise on small screens */
    }

    .cinema-dolly-in {
        animation: none;
        /* Disable complex transforms on mobile */
        opacity: 1;
    }
}