:root {
  --primary: #2563eb;
  --primary-dark: #1d4ed8;
  --secondary: #f97316;
  --dark: #1e293b;
  --light: #f8fafc;
}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f1f5f9;
}

.hero-gradient {
  background: linear-gradient(
    135deg,
    var(--primary) 0%,
    var(--primary-dark) 100%
  );
}

.car-card {
  transition: all 0.3s ease;
}

.car-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

#rentalModal {
  transition: opacity 0.3s ease;
}