/* Great Lakes Realty — base / reset.
   Load order in every page: tokens.css -> base.css -> components.css -> page-specific. */

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  background: var(--glr-ink);
  color: var(--glr-cream);
  font-family: var(--glr-serif);
}

/* Reduced motion: neutralise non-essential animation + transition.
   (index.html keeps its own scroll-hero reduced-motion rules inline — it
   needs to stack the videos statically and skip the scrub.) */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}