:root {
  --primary-orange: #ff6b35;
  --secondary-gray: #6c757d;
  --accent-green: #28a745;
  --light-gray: #f8f9fa;
  --dark-gray: #343a40;
}

body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
}

/* Navigation */
.navbar-brand {
  font-weight: 700;
}

.nav-link {
  font-weight: 500;
  transition: color 0.3s ease;
}

.nav-link:hover {
  color: var(--primary-orange) !important;
}

/* Buttons */
.btn-primary {
  background-color: var(--primary-orange);
  border-color: var(--primary-orange);
  font-weight: 500;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #e55a2b;
  border-color: #e55a2b;
}

.btn-success {
  background-color: var(--accent-green);
  border-color: var(--accent-green);
}

/* Cards */
.card {
  border: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.card:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Text colors */
.text-primary {
  color: var(--primary-orange) !important;
}

/* Forms */
.form-control:focus {
  border-color: var(--primary-orange);
  box-shadow: 0 0 0 0.2rem rgba(255, 107, 53, 0.25);
}

.form-select:focus {
  border-color: var(--primary-orange);
  box-shadow: 0 0 0 0.2rem rgba(255, 107, 53, 0.25);
}

/* Alerts */
.alert {
  border: none;
  border-radius: 10px;
}

/* Footer */
footer {
  background-color: var(--dark-gray) !important;
}

footer a:hover {
  color: var(--primary-orange) !important;
}

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

.fade-in-up {
  animation: fadeInUp 0.6s ease-out;
}

/* Responsive */
@media (max-width: 768px) {
  .hero-carousel {
    height: 300px !important;
  }

  .carousel-item img {
    height: 300px !important;
  }

  .display-4 {
    font-size: 2rem !important;
  }
}