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

body {
  @apply bg-slate-950 text-slate-200 h-screen overflow-hidden;
}

#app {
  @apply h-full w-full;
}

/* Custom Scrollbar Styles */
/* For Webkit browsers (Chrome, Safari) */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #1e293b; /* slate-800 */
}

::-webkit-scrollbar-thumb {
  background: #475569; /* slate-600 */
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #64748b; /* slate-500 */
}

/* For Firefox (requires 'scrollbar-width' and 'scrollbar-color' on elements) */
/* Applying to all elements for broader coverage */
* {
  scrollbar-width: thin;
  scrollbar-color: #475569 #1e293b; /* thumb track */
}
