/* Tailwind CSS will be loaded via CDN in the template */
/* Custom styles for Royal Enfield showcase */

.hero-section {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
}

.motorcycle-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.motorcycle-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.royal-enfield-red {
    color: #E31E24;
}

.bg-royal-enfield-red {
    background-color: #E31E24;
}

.btn-primary {
    background-color: #E31E24;
    transition: background-color 0.3s ease;
}

.btn-primary:hover {
    background-color: #c41a1f;
}