body {
  --bege: #E6E0D6;
  --marrom-escuro: #816D4F;
  --marrom-claro: #B29463;
  --font-principal: 'Barlow', sans-serif;
}

input[type=checkbox] {
  border: 2px solid var(--marrom-claro) !important;
  box-shadow: none;
}

input[type=checkbox]:checked,
input[type=checkbox]:focus {
  background-color: var(--marrom-claro);
  border-color: var(--marrom-claro);
  box-shadow: none;
  outline: none;
}

/* banners 1 ao 3 */
.banner-1 {
  background: url(./assets/banner-1.png);
}

.banner-2 {
  background: url(./assets/banner-2.png);
}

.banner-3 {
  background: url(./assets/banner-3.png);
}

.banners {
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.banners-titulo {
  --bs-bg-opacity: .2;
}

/* cards */

.card {
  border: 1px solid var(--marrom-claro);
}

.btn-primary {
  background-color: var(--marrom-escuro) !important;
  color: #333;
  border: none;
  height: 2.5em;
}

.card-title {
  font-size: 20px;
}

.card-text {
  font-size: 16px;
}

.accordion-button {
  background-color: var(--marrom-escuro);
}

.accordion-button:focus {
  background-color: var(--marrom-claro);
}

.input-range::-webkit-slider-thumb {
  background-color: var(--marrom-claro);
  border-color: var(--marrom-claro);
  box-shadow: none;
  outline: none;

}

footer {
  background-color: var(--marrom-claro)
}

[data-bs-theme="dark"] {
  color: #fff;

  .nav-link,
  .card-body,
  .offcanvas,
  .accordion,
  .btn {
    --bs-nav-link-color: #fff;
    --bs-card-color: #fff;
    --bs-offcanvas-color: #fff;
    --bs-body-color: #fff;
    --bs-body-color: #fff;
  }
}

.card-estilo {
  transition: all 0.5s ease-in-out;
}

.card-estilo:hover {
  transform: scale(1.05);
}