/* Le Guide du Biohacking - identite vert pastel */
:root {
  --biohack-green: #3F7D5D;
  --biohack-green-dark: #2F5F46;
  --biohack-green-pastel: #BFE3D0;
  --biohack-green-pastel-light: #EAF6EF;
  --biohack-cream: #FBF9F4;
  --biohack-footer: #24392F;
  --biohack-text: #1F2E27;

  --bs-primary: var(--biohack-green);
  --bs-primary-rgb: 63, 125, 93;
  --bs-link-color: var(--biohack-green);
  --bs-link-color-rgb: 63, 125, 93;
  --bs-link-hover-color: var(--biohack-green-dark);
  --bs-body-bg: var(--biohack-cream);
}

body {
  background-color: var(--biohack-cream);
}

a {
  color: var(--biohack-green);
}
a:hover, a:focus {
  color: var(--biohack-green-dark);
}

/* Boutons */
.btn-primary {
  --bs-btn-bg: var(--biohack-green) !important;
  --bs-btn-border-color: var(--biohack-green) !important;
  --bs-btn-hover-bg: var(--biohack-green-dark) !important;
  --bs-btn-hover-border-color: var(--biohack-green-dark) !important;
  --bs-btn-active-bg: var(--biohack-green-dark) !important;
  --bs-btn-active-border-color: var(--biohack-green-dark) !important;
  --bs-btn-disabled-bg: var(--biohack-green-pastel) !important;
  --bs-btn-disabled-border-color: var(--biohack-green-pastel) !important;
}

.btn-outline-primary {
  --bs-btn-color: var(--biohack-green) !important;
  --bs-btn-border-color: var(--biohack-green) !important;
  --bs-btn-hover-bg: var(--biohack-green) !important;
  --bs-btn-hover-border-color: var(--biohack-green) !important;
  --bs-btn-active-bg: var(--biohack-green-dark) !important;
  --bs-btn-active-border-color: var(--biohack-green-dark) !important;
}

.text-primary {
  color: var(--biohack-green) !important;
}

.bg-primary {
  background-color: var(--biohack-green-pastel) !important;
  color: var(--biohack-text) !important;
}

.badge.bg-primary {
  background-color: var(--biohack-green-pastel) !important;
  color: var(--biohack-green-dark) !important;
}

/* En-tete */
.header-top,
.header-bottom {
  border-bottom-color: var(--biohack-green-pastel) !important;
}

.header-bottom__logo img {
  max-height: 56px;
}

/* Pied de page */
.footer,
.footer__main,
.footer__before {
  background-color: var(--biohack-footer) !important;
  color: #E9F3EC;
}
.footer a {
  color: #C9E7D6;
}
.footer a:hover {
  color: #ffffff;
}

/* Bloc description de categorie */
.category__header {
  background-color: var(--biohack-green-pastel-light);
  border-radius: 12px;
  padding: 1.5rem;
}
.category__description {
  color: var(--biohack-text);
}

/* Details visuels */
::selection {
  background-color: var(--biohack-green-pastel);
  color: var(--biohack-text);
}

.form-control:focus,
.form-select:focus {
  border-color: var(--biohack-green) !important;
  box-shadow: 0 0 0 0.2rem rgba(63, 125, 93, 0.2) !important;
}