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

@layer base {
  body {
    @apply bg-gradient-to-br from-primary-900 via-primary-800 to-primary-900 text-white min-h-screen;
  }
}

@layer utilities {
  .glass-effect {
    @apply bg-white/10 backdrop-blur-md border border-white/20;
  }

  .glow-orange {
    box-shadow: 0 0 20px rgba(255, 107, 53, 0.5);
  }

  .glow-cyan {
    box-shadow: 0 0 20px rgba(0, 217, 255, 0.5);
  }
}