:root {
    --brand-primary: #0D6EFD;
    --brand-secondary: #ffffff;
    --brand-accent: #FD7E14;
}

body {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    color: #333;
}

.btn-primary {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}

.btn-accent {
    background-color: var(--brand-accent);
    border-color: var(--brand-accent);
    color: #fff;
}

.text-primary { color: var(--brand-primary) !important; }

.card {
    border: none;
    border-radius: 14px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.06);
    transition: transform .25s ease, box-shadow .25s ease;
}

.card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0,0,0,0.12);
}

.vehicle-card img {
    height: 220px;
    object-fit: cover;
    border-radius: 14px 14px 0 0;
}

.hero-slider {
    background: linear-gradient(135deg, var(--brand-primary), #084298);
    color: #fff;
    padding: 100px 0;
}

.section-title {
    font-weight: 700;
    margin-bottom: 2rem;
}

.section-title span {
    color: var(--brand-accent);
}

.whatsapp-float {
    position: fixed;
    bottom: 24px;
    left: 24px;
    background: #25D366;
    color: #fff;
    border-radius: 50%;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.25);
    z-index: 999;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(37,211,102,0.5); }
    70% { box-shadow: 0 0 0 14px rgba(37,211,102,0); }
    100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}

.badge-featured {
    background: var(--brand-accent);
}

.faq-accordion .accordion-button:not(.collapsed) {
    background-color: rgba(13,110,253,.08);
    color: var(--brand-primary);
}

.rating i { color: #FFC107; }

footer a { text-decoration: none; }
footer a:hover { color: #fff !important; }