@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=JetBrains+Mono:wght@400;700&display=swap');

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

:root {
  /* Default Theme: Cyber Blue & Pink */
  --neon-primary: 0 229 255;   /* #00E5FF */
  --neon-secondary: 255 46 209; /* #FF2ED1 */
}

body {
  background-color: #0B0B0F;
  color: white;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #111118; 
}
::-webkit-scrollbar-thumb {
  background: #333; 
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgb(var(--neon-primary)); 
}