body {
  font-family: var(--font-sans);
  font-size: var(--type-body);
  font-weight: var(--type-body-weight);
  line-height: var(--type-body-lh);
  color: var(--color-text-primary);
  background-color: var(--color-bg-base);
  text-rendering: optimizeLegibility;
}

body::selection {
  background-color: rgba(6, 182, 212, 0.18);
  color: var(--color-text-primary);
}

body.is-menu-open {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}