:root {
  --primary: #2b4743;
  --secondary: #efe4d5;
  --success: #38d6c2;
  --danger: #ea638c;
  --info: #17a2b8;
  --light: #efe4d5;
  --dark: #2b4743;
  --bs-nav-link-color: var(--primary);
  --bs-link-color: var(--primary);
  --bs-link-hover-color: var(--success);
  --bs-primary-rgb: 102, 198, 186;
}

.btn-primary {
  --bs-btn-color: #2b4743;
  --bs-btn-bg: #38d6c2;
  --bs-btn-border-color: #38d6c2;
  --bs-btn-hover-color: #efe4d5;
  --bs-btn-hover-bg: #2b4743;
  --bs-btn-hover-border-color: var(--secondary);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-border-color: var(--secondary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #4f4f4f;
  --bs-btn-disabled-border-color: #343434;
}

.btn-outline-primary {
  --bs-btn-color: #efe4d5;
  --bs-btn-border-color: #38d6c2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--success);
  --bs-btn-hover-border-color: var(--primary);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--primary);
  --bs-btn-active-border-color: var(--primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--primary);
  --bs-gradient: none;
}

.nav-pills {
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: var(--primary);
}
.card-title {
  color: var(--primary);
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  overflow-x: hidden;
}


h1,
h2,
h3,
p,
li {
  font-family: "Space Mono", monospace;
  color: #2b4743;
}

html {
  scroll-padding-top: 80px; /* ou la hauteur exacte de ta navbar */
}

.nav-link {
  color: #2b4743;
  font-weight: normal;
  font-size: 1rem;
  transition: all 0.3s ease;
}

.nav-link:hover {
  color: #38d6c2;
  font-weight: 700;
  font-size: 1.1rem;
}

.icon-large {
  font-size: 25px;
}

a {
  color: #efe4d5;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
  color: #38d6c2;
}


.bg-green-dark {
  background-color: #2b4743;
}

.bg-light {
  background-color: #efe4d5;
}

.bg-light h1,
.bg-light h2,
.bg-light h3 {
  color: #2b4743; /* foncé sur fond clair */
}

.bg-green-dark h1,
.bg-green-dark h2,
.bg-green-dark h3 {
  color: #efe4d5; /* clair sur fond foncé */
}

.equal-width-btns a {
  flex: 0 0 auto;
  min-width: 180px;
  text-align: center;
  white-space: nowrap;
}


.card-header {
  font-family: "Space Mono", monospace;
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
  color: var(--primary);
}

.card-header i {
  font-size: 3rem;
}

.accordion {
  color: #2b4743;
}

.accordion-button:focus {
  border-color: #2b4743;
  box-shadow: 0 0 0 0.25rem rgba(28, 167, 146, 0.5); /* ombre verte personnalisée */
}

/* Fond et couleur du texte quand ouvert */
.accordion-button:not(.collapsed) {
  background-color: var(--success); /* ton fond beige clair */
  color: var(--primary); /* texte vert foncé */
  box-shadow: none;
}

/* Optionnel : supprimer l’effet de survol ou le personnaliser */
.accordion-button:hover {
  background-color: var(--success); /* exemple : turquoise */
  color: #efe4d5;
}

.icon-large {
  font-size: 2rem;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(10px); }
}