@tailwind base;
@tailwind components;
@tailwind utilities;

html,
body {
  @apply h-screen w-screen bg-zinc-600 text-zinc-200;
}

@layer base {
  * {
    /* @apply border-border; */
  }
  body {
    /* @apply bg-background text-foreground; */
  }

  ul,
  ol {
    list-style: revert;
  }
  /* NEW CODE */
  /* width */
  ::-webkit-scrollbar {
    @apply w-2 rounded-lg;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    @apply bg-zinc-200 dark:bg-zinc-700 rounded-lg;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    @apply bg-zinc-400 dark:bg-zinc-500 rounded-xl;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    @apply bg-zinc-500 dark:bg-zinc-400 rounded-lg;
  }
}
