@import "tailwindcss";

:root {
  --background: #09090b;
  --foreground: #fafafa;
}

html,
body {
  height: 100%;
  overflow: hidden;
  background: var(--background);
  color: var(--foreground);
}

/* Scrollbar styling */
* {
  scrollbar-width: thin;
  scrollbar-color: #3f3f46 transparent;
}

*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: #3f3f46;
  border-radius: 3px;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #52525b;
}