/* Custom style overrides */

/* Global fixed-header offset and smooth scrolling */
:root {
  --header-height: 64px; /* JS updates this to match actual header size */
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/* Ensure anchor links land with space below the fixed header */
section[id] {
  scroll-margin-top: calc(var(--header-height) + 12px);
}

/* Subtle elevation when header is scrolled */
header.header--scrolled {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}