/* Base tweaks */
:root {
  color-scheme: light;
}

html, body {
  height: 100%;
}

::selection {
  background: rgba(10, 132, 255, 0.15);
}

/* Focus outlines */
:focus-visible {
  outline: 2px solid theme(colors.primary.500 / 0.5);
  outline-offset: 2px;
}

/* Motion reduction */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}