html {
    scroll-behavior: smooth;
}

body {
    transition: background-color 300ms ease, color 300ms ease;
}

/* Experience timeline line */
.timeline-line::before {
    content: '';
    position: absolute;
    left: 7px;
    top: 2.5rem;
    bottom: 0;
    width: 2px;
    background-color: #e5e7eb;
}

.dark .timeline-line::before {
    background-color: #374151;
}

.timeline-item:last-child .timeline-line::before {
    display: none;
}

/* Smooth section fade-in */
@keyframes fadeInUpSoft {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    opacity: 0;
    animation: fadeInUpSoft 0.6s ease-out forwards;
}