:root {
  --bs-primary: #6ec1ff;
  --sky-50: #f2f9ff;
  --sky-100: #eaf6ff;
  --sky-200: #d6efff;
  --sky-300: #c7e9ff;
  --sky-400: #a9dcff;
  --sky-500: #6ec1ff;
  --sky-600: #4daef7;
}

.hero-gradient {
  background: linear-gradient(180deg, var(--sky-100) 0%, var(--sky-300) 100%);
}

.hero-img {
  max-height: 380px;
  object-fit: cover;
}

.section-title {
  font-weight: 700;
  color: #143e66;
}

.bg-sky-50 {
  background-color: var(--sky-50);
}

.btn-outline-primary {
  color: #0d6efd;
  border-color: #9bd6ff;
}

.btn-outline-primary:hover {
  background-color: #eaf6ff;
  border-color: #6ec1ff;
}

.navbar-brand {
  letter-spacing: 0.2px;
}

.card-img-top {
  height: 160px;
  object-fit: cover;
}