@use "../abstracts/variables" as *;

:root {
  @include variables(("light", "common"));
  @include variables-accent(("light", "common"));
  scrollbar-color: var(--accent-color) transparent;
  accent-color: var(--accent-color);

  @media (prefers-reduced-motion: no-preference) {
    scroll-behavior: smooth;
  }

  @media (prefers-color-scheme: dark) {
    & {
      @include variables("dark");
      @include variables-accent(("dark"));
      color-scheme: dark;
    }
  }
}