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

@layer base {
  body {
    @apply bg-slate-950 text-slate-200 antialiased transition-colors duration-200;
  }
  
  html.dark body {
    @apply bg-slate-950 text-slate-200;
  }

  html:not(.dark) body {
    @apply bg-gray-50 text-slate-900;
  }
}

@layer utilities {
  .scrollbar-hide::-webkit-scrollbar {
    display: none;
  }
  .scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}