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

body {
  background-color: #0f172a;
  color: #f8fafc;
}

/* Custom scrollbar for technical feel */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #1e293b;
}
::-webkit-scrollbar-thumb {
  background: #475569;
  border-radius: 4px;
}

/* Custom animations for the UI */
.slide-in-from-top-1 {
  animation: slideInTop 0.3s ease-out forwards;
}
.slide-in-from-top-2 {
  animation: slideInTop 0.5s ease-out forwards;
}

@keyframes slideInTop {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}