@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700;900&family=Inter:wght@400;500;600;700;800&display=swap');
@import "tailwindcss";

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Space Grotesk", sans-serif;
}

/* Custom glow effects and scrollbar hide styling */
.neon-glow-green {
  text-shadow: 0 0 10px rgba(0, 255, 0, 0.4), 0 0 20px rgba(0, 255, 0, 0.2);
}

.neon-glow-blue {
  text-shadow: 0 0 10px rgba(0, 229, 255, 0.4), 0 0 20px rgba(0, 229, 255, 0.2);
}

.neon-border-green {
  box-shadow: 0 0 15px rgba(0, 255, 0, 0.25);
  border-color: #00FF00;
}

.neon-border-blue {
  box-shadow: 0 0 15px rgba(0, 229, 255, 0.25);
  border-color: #00E5FF;
}

/* Hide scrollbar for clean app design */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}