:root {
    --accent: #E63946;
    --accent-dark: #C5303C;
    --accent-light: #FDE8EA;
    --text-primary: #1A1A2E;
    --bg-light: #F5F7FA;
    --radius: 12px;
}
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
h1,h2,h3,.section-title,.logo .logo-name,.feature-card h3,.vehicle-card-body h3,
.vehicle-detail-info h1,.page-header h1,.footer-col h4,.step-number,
.stat-item .number,.vehicle-detail-features h3,.info-box h3,.admin-main h1,.admin-sidebar h2 {
    font-family: 'Poppins', sans-serif;
}

.hero { text-align: left; }
.hero-content { max-width: 640px; }

.vehicle-card { box-shadow: 0 2px 12px rgba(0,0,0,0.08); border: none; }
.vehicle-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,0.12); }
.feature-card { box-shadow: 0 2px 12px rgba(0,0,0,0.08); border: none; }

.btn { border-radius: var(--radius); }

.footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; }

.feature-cards { grid-template-columns: repeat(3, 1fr); }

.page-header { background: linear-gradient(135deg, var(--text-primary), #2d2d4e); }

@media (max-width: 768px) {
    .feature-cards { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; }
}