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

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #0a0a0a;
}

::-webkit-scrollbar-thumb {
  background: #262626;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #ff4d00;
}

/* Hide Scrollbar Utility */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Mask Gradient for horizontal scroll lists */
.mask-gradient {
    mask-image: linear-gradient(to right, black 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, black 80%, transparent 100%);
}

/* Text Selection */
::selection {
    background-color: #ff4d00;
    color: white;
}

/* Timeline Visualization Styles */
.timeline-bar {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: bottom;
}

.timeline-bar:hover {
    fill: #ff4d00 !important;
    filter: drop-shadow(0 0 8px rgba(255, 77, 0, 0.5));
    transform: scaleY(1.1);
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}