@layer base {
  body {
    font-family: 'Cairo', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  }
}

/* Custom glow, glassmorphism, and color palette helpers for ONHUB */
.bg-brand-purple {
  background-color: #3B0764;
}

.bg-brand-purple-light {
  background-color: #581C87;
}

.text-brand-purple {
  color: #6B21A8;
}

.bg-brand-blue {
  background-color: #1E40AF;
}

.bg-brand-blue-accent {
  background-color: #2563EB;
}

.text-brand-blue {
  color: #2563EB;
}

.bg-brand-yellow {
  background-color: #FACC15;
}

.text-brand-yellow {
  color: #EAB308;
}

.border-brand-yellow {
  border-color: #FACC15;
}

.bg-lime-brand {
  background-color: #FACC15;
}

.text-lime-brand {
  color: #EAB308;
}

.bg-dark-brand {
  background-color: #2E1065;
}

.border-lime-brand {
  border-color: #FACC15;
}

.glow-yellow {
  box-shadow: 0 0 30px -5px rgba(250, 204, 21, 0.4);
}

.glow-lime {
  box-shadow: 0 0 30px -5px rgba(250, 204, 21, 0.4);
}

.glow-lime-sm {
  box-shadow: 0 0 15px -2px rgba(250, 204, 21, 0.35);
}

/* Custom subtle scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #F1F5F9;
}

::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}

@keyframes floatSlow {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}

.animate-float {
  animation: floatSlow 4s ease-in-out infinite;
}

@keyframes pulseGlow {
  0%, 100% { opacity: 0.8; }
  50% { opacity: 1; filter: drop-shadow(0 0 12px rgba(212, 246, 46, 0.6)); }
}

.animate-pulse-glow {
  animation: pulseGlow 3s ease-in-out infinite;
}