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

body {
  font-family: 'Inter', sans-serif;
  background-color: #030014;
  color: #ffffff;
  overflow-x: hidden;
  cursor: none;
}

a, button, input, textarea, select {
  cursor: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Space Grotesk', sans-serif;
}

::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #030014;
}
::-webkit-scrollbar-thumb {
  background: #2a2a4a;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #4a4a8a;
}

.glass-panel {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.gradient-text {
  background: linear-gradient(to right, #4f46e5, #ec4899, #8b5cf6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-stroke-1 {
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
  color: transparent;
}
.text-stroke-primary {
   -webkit-text-stroke: 1px #a855f7;
   color: transparent;
}
.perspective-1000 {
  perspective: 1000px;
}