/* Minimal reset + base styles. Real section styles arrive milestone by milestone. */

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-sans);
  font-size: var(--text-body-size);
  font-weight: var(--text-body-weight);
  line-height: var(--text-body-leading);
  color: var(--text-color);
  background: var(--surface-page);
}

.container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 24px;
}

/* Smooth, consistent hover feedback everywhere links and nav items change
   color -- previously instant/snappy with no transition at all. */
a, .site-nav__link, .topbar__phone, .topbar__login, .topbar__icon-btn,
.site-footer__list a, .site-footer__legal-links a, .mega-menu a,
.anchor-bar a, .form-back-link {
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}

/* DESIGN-REFERENCE.md §5: respect prefers-reduced-motion by disabling
   transitions/animations entirely, not just shortening them. */
@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;
  }
}