/* ================================
   PALETA OFICIAL CASANOVA
================================ */
:root {
  --casanova-dark: #236163;   /* Verde petróleo profundo */
  --casanova-medium: #2C6D71; /* Verde médio */
  --casanova-light: #378488;  /* Verde claro */
  --casanova-brown: #BF822C;  /* Marrom alaranjado */
  --casanova-gold: #DDB337;   /* Dourado médio */
  --casanova-yellow: #F1CF00; /* Amarelo ouro */

  --casanova-text-dark: #1e2d2f;
  --casanova-text-light: #ffffff;

  /* Substituindo cores Bootstrap */
  --bs-primary: var(--casanova-medium);
  --bs-primary-rgb: 44, 109, 113;

  --bs-secondary: var(--casanova-gold);
  --bs-secondary-rgb: 221, 179, 55;
}

/* ================================
   NAVBAR
================================ */
.navbar-dark {
  background-color: var(--casanova-dark) !important;
}

.navbar-brand,
.navbar-dark .navbar-nav .nav-link {
  color: var(--casanova-text-light) !important;
}

.navbar-dark .navbar-nav .nav-link.active {
  color: var(--casanova-yellow) !important;
}

/* ================================
   BOTÕES
================================ */
.btn-primary {
  background-color: var(--casanova-medium) !important;
  border-color: var(--casanova-medium) !important;
}
.btn-primary:hover {
  background-color: var(--casanova-dark) !important;
  border-color: var(--casanova-dark) !important;
}

.btn-secondary {
  background-color: var(--casanova-gold) !important;
  border-color: var(--casanova-gold) !important;
  color: #222 !important;
}
.btn-secondary:hover {
  background-color: var(--casanova-brown) !important;
  border-color: var(--casanova-brown) !important;
  color: white !important;
}

/* ================================
   CAROUSEL
================================ */

#myCarousel .carousel-item svg rect {
  fill: var(--casanova-light) !important;
}

#myCarousel .h1-carousel {
  color: var(--casanova-yellow);
  fill: var(--casanova-light) !important;
  background: rgba(--casanova-medium,0.4)

}
#myCarousel .p-carousel {
  color: var(--casanova-dark);
  fill: var(--casanova-light) !important;

}

#myCarousel .carousel-caption p {
  text-shadow: 0 2px 8px rgba(0,0,0,0.4);
}

/* ================================
   FEATURETTES
================================ */
.featurette-heading {
  color: var(--casanova-dark);
}

.text-body-secondary {
  color: var(--casanova-medium) !important;
}

.featurette-divider {
  border-color: var(--casanova-light) !important;
}

/* ================================
   PLACEHOLDER IMAGES
================================ */

.img-500x500 {
  object-fit: cover;
  width: 500px;
  height: 500px;
}
.bd-placeholder-img {
  font-size: 1.25rem;
  fill: var(--casanova-medium) !important;
  object-position: center;
}
.bd-placeholder-img rect {
  fill: #eaf4f4 !important;
}
.bd-placeholder-img-lg {
  font-size: 3.5rem;
}

/* ================================
   FOOTER
================================ */
footer.container {
  border-top: 3px solid var(--casanova-medium);
  padding-top: 20px;
  margin-top: 40px;
  color: var(--casanova-text-dark);
}
footer a {
  color: var(--casanova-medium) !important;
}
footer a:hover {
  color: var(--casanova-dark) !important;
}