/* Custom CSS Styles for Vedic Muhurta Tracker */

@import url('https://fonts.googleapis.com/css2?family=Anek+Bangla:wght@400;500;600;700;800&family=Galada&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700;800&display=swap');

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  overflow-x: hidden;
  -webkit-user-select: text;
  user-select: text;
}

/* Allow text selection on information elements */
p, h1, h2, h3, h4, span, #card-container, #timeline-wrapper {
  -webkit-user-select: text;
  user-select: text;
}

.font-bengali-serif {
  font-family: 'Galada', 'Anek Bangla', serif;
}

.font-bengali-sans {
  font-family: 'Anek Bangla', 'Inter', sans-serif;
}

.font-mono {
  font-family: 'JetBrains Mono', monospace;
}

/* Glowing Red Vertical Line in 24-Hour Timeline */
.glow-red-line {
  box-shadow: 0 0 10px rgba(239, 68, 68, 0.8), 0 0 20px rgba(239, 68, 68, 0.4);
}

/* Scrollbar Custom Styling for Timeline Canvas */
#timeline-scroll-container::-webkit-scrollbar {
  height: 6px;
}

#timeline-scroll-container::-webkit-scrollbar-track {
  background: rgba(241, 245, 249, 0.5);
  border-radius: 9999px;
}

.dark #timeline-scroll-container::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.5);
}

#timeline-scroll-container::-webkit-scrollbar-thumb {
  background: rgba(203, 213, 225, 0.8);
  border-radius: 9999px;
}

.dark #timeline-scroll-container::-webkit-scrollbar-thumb {
  background: rgba(51, 65, 85, 0.8);
}

#timeline-scroll-container::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 1);
}

.dark #timeline-scroll-container::-webkit-scrollbar-thumb:hover {
  background: rgba(71, 85, 105, 1);
}

/* Keyframes Animations */
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.97); }
  to { opacity: 1; transform: scale(1); }
}

.animate-fade-in {
  animation: fadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes spinSlow {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.animate-spin-slow {
  animation: spinSlow 12s linear infinite;
}