/* Base resets */
body {
  background-color: #f4f4ef;
  font-family: 'Segoe UI', sans-serif;
  color: #333;
  margin: 0;
  padding: 0;
}

/* Buttons */
.btn {
  font-weight: 600;
  padding: 10px 20px;
  border: none;
}

.btn:hover {
  opacity: 0.9;
}

/* Rounded cards and shadows */
.rounded-4 {
  border-radius: 1rem !important;
}

.shadow-sm {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

/* Section titles */
h2, h1 {
  font-weight: 700;
  letter-spacing: -0.3px;
}

/* Info Cards */
.bg-white {
  background-color: #fff;
}

.bg-soft-green {
  background-color: #e9f0e7;
}

/* Nav links */
.navbar-nav .nav-link {
  font-weight: 600;
}

.navbar-toggler {
  border: none;
}

/* Highlighted features */
.text-success {
  color: #4c7c59 !important;
}

.btn-success {
  background-color: #4c7c59;
  border: none;
}

.btn-outline-success {
  border: 2px solid #4c7c59;
  color: #4c7c59;
}

/* Responsive fixes */
@media (max-width: 768px) {
  .btn {
    width: 100%;
  }

  .navbar-nav {
    text-align: center;
  }

  .d-flex.flex-column.flex-lg-row {
    flex-direction: column !important;
    align-items: center;
  }
}

/* Utility spacing */
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}