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

body {
  @apply bg-brand-bg text-gray-300 font-sans min-h-screen selection:bg-brand-blue selection:text-white;
  /* Subtle radial gradient to make the black background look deeper */
  background-image: radial-gradient(circle at 50% 0%, #1a1a1a 0%, #050505 70%);
  background-attachment: fixed;
}

/* Custom scrollbar for a polished look */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #050505; 
}
::-webkit-scrollbar-thumb {
  background: #333; 
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #3b82f6; 
}