@use '_normalize';

@use 'arrow';
@use 'badge';
@use 'custom-container';
@use 'dropdown';
@use 'home';
@use 'layout';
@use 'navbar';
@use 'page';
@use 'plugins';
@use 'sidebar';
@use 'code';

@use '@vuepress/plugin-palette/style';

* {
  scroll-behavior: smooth;
  transition: background-color 0.1s ease;
  @media screen and (prefers-reduced-motion: reduce) {
    scroll-behavior: auto;
  }
}
html[theme="dark"] {
  .search-box {
    input {
      background-color: var(--backgroundColor);
    }
    .suggestions {
      background: var(--backgroundColor);
    }
  }
}

html[theme="light"] {
  .search-box {
    input {
      background-color: var(--backgroundColor);
    }
    .suggestions {
      background: var(--backgroundColor);
    }
  }
}