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

@layer base {
  body {
    @apply bg-base-deep text-text-primary antialiased font-sans;
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
  }
}

@layer components {
  .glass {
    @apply bg-base-card/80 backdrop-blur-xl border border-white/5;
  }
  
  .camel-gradient {
    background: linear-gradient(135deg, #F5B700 0%, #C49200 100%);
  }

  .card-shadow {
    @apply shadow-[0_10px_40px_-15px_rgba(0,0,0,0.7)];
  }

  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
}

/* Custom Keyframes */
@keyframes pulse-glow {
  0%, 100% { box-shadow: 0 0 15px rgba(245, 183, 0, 0.2); }
  50% { box-shadow: 0 0 30px rgba(245, 183, 0, 0.5); }
}

.animate-glow {
  animation: pulse-glow 3s infinite;
}

.shadow-glow {
  box-shadow: 0 0 15px rgba(245, 183, 0, 0.3);
}