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

html {
  scroll-behavior: smooth;
}

@layer base {
  body {
    @apply bg-void min-h-screen;
  }
  ::selection {
    @apply bg-neon-cyan/30 text-white;
  }
}

@layer utilities {
  .glass {
    @apply border border-white/10 bg-white/[0.04] backdrop-blur-xl;
  }
  .glass-strong {
    @apply border border-cyan-400/20 bg-slate-900/60 backdrop-blur-2xl;
  }
  .text-gradient {
    @apply bg-gradient-to-r from-white via-cyan-100 to-cyan-400 bg-clip-text text-transparent;
  }
  .border-glow {
    box-shadow:
      0 0 0 1px rgba(34, 211, 238, 0.15),
      0 0 32px rgba(34, 211, 238, 0.08);
  }
}
