/* Timeline.js Dark Mode Overrides */

/* Main background and text color */
.dark .tl-timeline {
    color: #e5e5e5; /* neutral-200 */
    background-color: #262626; /* neutral-800 */
}

/* Slide content background */
.dark .tl-slide-background {
    background-color: #171717 !important; /* neutral-900 */
}

/* Slide headline and paragraph text */
.dark .tl-text .tl-headline,
.dark .tl-text p {
    color: #f5f5f5; /* neutral-100 */
}

/* Bottom time navigation bar */
.dark .tl-timenav {
    background-color: #171717; /* neutral-900 */
}

/* Timenav date markers */
.dark .tl-timenav .tl-timegroup .tl-timegroup-message,
.dark .tl-timenav .tl-timegroup-minor {
    color: #a3a3a3; /* neutral-400 */
}

.dark .tl-timenav .tl-timegroup-major {
    color: #e5e5e5; /* neutral-200 */
}

/* Timenav slider */
.dark .tl-timenav-slider-background {
    background-color: #404040; /* neutral-700 */
}

.dark .tl-timenav-slider-background .tl-timenav-line-active {
    background-color: #52525b; /* neutral-600 */
}

/* Navigation arrows */
.dark .tl-slidenav-next .tl-slidenav-arrow,
.dark .tl-slidenav-previous .tl-slidenav-arrow {
    border-color: #f5f5f5; /* neutral-100 */
}

.dark .tl-slidenav-next:hover .tl-slidenav-arrow,
.dark .tl-slidenav-previous:hover .tl-slidenav-arrow {
    border-color: #ffffff;
}

/* Era text labels on the timeline */
.dark .tl-era .tl-era-text {
    color: #f5f5f5; /* neutral-100 */
}