:root {
  --bs-primary: #2d5a52; /* Verde Petróleo */
  --bs-secondary: #9b8dbb; /* Lilás */
}

body {
  font-family: 'Poppins', sans-serif;
}
h1,
h2,
h3,
.navbar-brand {
  font-family: 'Playfair Display', serif;
}

.text-primary {
  color: var(--bs-primary) !important;
}
.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-primary:hover {
  background-color: #1f3f39;
  border-color: #1f3f39;
}
.text-secondary {
  color: var(--bs-secondary) !important;
}

/* Efeito Hover nos Cards (Bootstrap não faz isso nativo) */
.service-card {
  transition: transform 0.3s;
  cursor: pointer;
}
.service-card:hover {
  transform: translateY(-10px);
  border: 1px solid var(--bs-secondary) !important;
}

/* Ajuste do Link Ativo no Scrollspy do Bootstrap */

@media (min-width: 992px) {
  .border-end-lg {
    border-right: 1px solid #dee2e6 !important;
  }
}
/* Estilo para destacar o menu onde o usuário está */
.navbar-nav .nav-link.active {
  color: var(--bs-secondary) !important;
  font-weight: 600;
  border-bottom: 2px solid var(--bs-secondary);
}

/* No mobile, removemos a borda para não quebrar o layout */
@media (max-width: 991px) {
  .navbar-nav .nav-link.active {
    border-bottom: none;
    background-color: #f8f9fa;
    padding-left: 10px;
  }
}

#sobre {
  margin-top: 100px;
}