:root {
    --primary: #b11e38;
    --primary-hex: #8b1530;
}

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

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.fade-up {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-up.visible {
    opacity: 1;
    transform: translateY(0);
}

.timeline-card {
    transition: all 0.5s ease;
}

.timeline-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    border-color: var(--primary);
}

.timeline-card:hover .card-title {
    color: var(--primary);
}

.timeline-node {
    transition: all 0.3s ease;
}

.timeline-item:hover .timeline-node {
    transform: scale(1.25);
}

.from-primary\/50 {
    --tw-gradient-from: var(--primary-hex);
}

.border-primary\/10 {
    border-color: rgba(126, 113, 113, 0.34);
}

.border-border\/60 {
    border-color: rgba(126, 113, 113, 0.34);
}

.font-display {
    font-family: "Inter", system-ui, sans-serif;
}