/* Custom Branding for Mr. Serm (Blue & Yellow) */

:root {
    --mrserm-blue: #004a99;
    --mrserm-blue-dark: #003366;
    --mrserm-yellow: #ffcc00;
    --mrserm-yellow-dark: #e6b800;
}

.bg-mrserm-blue { background-color: var(--mrserm-blue); }
.text-mrserm-blue { color: var(--mrserm-blue); }
.bg-mrserm-yellow { background-color: var(--mrserm-yellow); }
.text-mrserm-yellow { color: var(--mrserm-yellow); }

.transition-all-300 {
    transition: all 0.3s ease;
}

/* Custom scrollbar */
select::-webkit-scrollbar {
    width: 6px;
}
select::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.6s ease forwards;
}

/* Peer checked overrides for vehicle type selection */
.peer:checked + .peer-checked-mrserm {
    border-color: var(--mrserm-blue);
    background-color: #f0f7ff;
    color: var(--mrserm-blue);
}