// customize some Bootstrap variables

$primary: #77374b;
$secondary: #368b7a;
@import "~bootstrap/scss/bootstrap";

:root {
  --bs-primary: $primary;
  --bs-link-color: $primary;
  --bs-link-hover-color: $secondary;
  --bs-navbar-color: $primary;
  --bs-navbar-hover-color: $secondary;
  --bs-btn-hover-bg: $secondary;
  //--bs-link-color-rgb: $secondary;
}
.btn:hover {
  background-color: $secondary;
  border-color: $secondary;
  color: #fff;
}

.buttons-colvis, .buttons-html5 {
  background-color: $primary !important;
  color: #fff !important;
  border: none !important;
}
.buttons-colvis:hover, .buttons-html5:hover {
  background-color: $secondary !important;
  color: #fff !important;
  border: none !important;
}

.navbar-nav .nav-link, .navbar-brand {
  color: $primary; /* ta couleur primaire */
}

#title-link:hover {
  color: $primary !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:active {
  color: $secondary; /* couleur au survol ou actif */
}

body {
  background-color: whitesmoke;
  color: $primary;
}
body.force-scroll {
  min-height: 101vh !important;
}

a:hover {
  color: $secondary;
}

#navbar-container {
  padding: 0;
}

nav {
  border-bottom: 1px solid $primary;
}
.navbar>.nav-link {
  color: #77374b !important;
}

footer {
  background-color: #77374b;
  height: 50px;
  margin-top: auto;
}