.font-display { font-family: 'Playfair Display', serif; }
.font-quote { font-family: 'Cormorant Garamond', serif; }
.font-body { font-family: 'Inter', sans-serif; }

html { scroll-behavior: smooth; }

.afro-pattern {
  background-color: transparent;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(200,155,60,0.12) 2px, transparent 3px),
    radial-gradient(circle at 80% 60%, rgba(200,155,60,0.10) 2px, transparent 3px);
  background-size: 60px 60px;
}

@keyframes spin-slow { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.animate-spin-slow { animation: spin-slow 14s linear infinite; }

@keyframes float-up {
  0% { transform: translateY(0); opacity: 0; }
  20% { opacity: 0.7; }
  100% { transform: translateY(-120px); opacity: 0; }
}
.animate-float { animation: float-up 8s ease-in infinite; }

@keyframes fade-up {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-up { animation: fade-up 0.9s ease both; }

@keyframes slide-in {
  from { transform: translateY(10px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
.animate-slide-in { animation: slide-in 0.3s ease-out; }

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #121212; }
::-webkit-scrollbar-thumb { background: #8B5E34; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #C89B3C; }

.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

#navbar.nav-solid {
  background: rgba(18, 18, 18, 0.85);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(200, 155, 60, 0.2);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: #C89B3C;
  cursor: pointer;
}

input[type="range"]::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border: 0;
  border-radius: 999px;
  background: #C89B3C;
  cursor: pointer;
}
