/*
  Minimal app-level CSS. Tailwind handles the bulk via utility classes.
  Anything here is for behaviours Tailwind can't express directly:
  scrollbar hiding on horizontal chip rows, scroll-snap on carousels,
  motion preferences, etc.
*/

html, body {
    height: 100%;
    overscroll-behavior-y: none; /* no pull-to-refresh on root — we own this gesture */
    -webkit-tap-highlight-color: transparent;
}

/* Hide scrollbars on horizontal chip rows */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { scrollbar-width: none; }

/* Smooth spring-y easing matches the design language */
* { transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1); }

/* Respect user's reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}