/* Custom Styles for Rust Belt Garage */

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

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #800020;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
    background: #580016;
}

/* Animation Utilities */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 40px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.animate-on-scroll {
    opacity: 0;
    animation: fadeInUp 0.8s ease-out forwards;
}

/* Geometric Background Patterns */
.pattern-bg {
    background-color: #f5f5f5;
    background-image: radial-gradient(#800020 0.5px, transparent 0.5px), radial-gradient(#800020 0.5px, #f5f5f5 0.5px);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
    opacity: 0.1;
}