@import "tailwindcss";

@layer base {
  body {
    background-color: #030405;
    color: #f3f4f6;
    font-family: 'Cairo', sans-serif;
    direction: rtl;
    overflow-x: hidden;
  }
}

/* Custom scrollbar & animations */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #030405;
}
::-webkit-scrollbar-thumb {
  background: #1f2937;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #374151;
}

@keyframes bounceSubtle {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
.animate-bounce-subtle {
  animation: bounceSubtle 3s ease-in-out infinite;
}