/* Small, focused custom styles that complement Tailwind.
 * Tailored for readability, subtle motion, and engineering-focused aesthetics.
 */

html {
  scroll-behavior: smooth;
}

body {
  text-rendering: optimizeLegibility;
}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

/* Fine-tune sticky header shadow when scrolling */
header.sticky {
  transition: box-shadow 150ms ease-out, background-color 150ms ease-out;
}

header.sticky.scrolled {
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.9);
}