/* ============================================
   BASE OVERRIDES
   (Tailwind handles most styling via utility
   classes in the HTML — this file is only for
   things Tailwind can't do cleanly)
   ============================================ */

html {
  /* Lenis (in main.js) handles smooth scrolling instead of the browser default */
  scroll-behavior: auto;
}

body {
  /* Prevents horizontal scrollbar caused by animations sliding elements in from off-screen */
  overflow-x: hidden;
}

/* ============================================
   ACCESSIBILITY: respect users who have
   "reduce motion" turned on in their OS settings
   ============================================ */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}

/* Visible focus outline for keyboard navigation (links, buttons) */
a:focus-visible,
button:focus-visible {
  outline: 2px solid #0F62FE;
  outline-offset: 2px;
}

/* Scrolling banner animation — moves text continuously right to left */
.marquee-track {
  display: inline-block;
  animation: scroll-left 15s linear infinite;
}
@keyframes scroll-left {
  from { transform: translateX(0%); }
  to { transform: translateX(-50%); }
}