:root {
  /* Couleurs principales */
  --bs-primary: #C8AD7F;
  --bs-primary-rgb: 200, 173, 127;
  --bs-secondary: #45050C;
  --bs-secondary-rgb: 69, 5, 12;

  /* Palette optionnelle */
  --bs-body-bg: #fff;
  --bs-body-color: #2a2a2a;
  --bs-link-color: var(--bs-secondary);
  --bs-link-hover-color: rgba(var(--bs-secondary-rgb), 0.8);
}

/* Assure que les utilitaires Bootstrap suivent les variables ci-dessus */
.text-primary { color: var(--bs-primary) !important; }
.bg-primary { background-color: var(--bs-primary) !important; }
.border-primary { border-color: var(--bs-primary) !important; }

.text-secondary { color: var(--bs-secondary) !important; }
.bg-secondary { background-color: var(--bs-secondary) !important; }
.border-secondary { border-color: var(--bs-secondary) !important; }

/* Boutons */
.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 0.92);
  --bs-btn-hover-border-color: rgba(var(--bs-primary-rgb), 0.92);
  --bs-btn-active-bg: rgba(var(--bs-primary-rgb), 0.88);
  --bs-btn-active-border-color: rgba(var(--bs-primary-rgb), 0.88);
  --bs-btn-color: #1f1a12;
}
.btn-secondary {
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-bg: rgba(var(--bs-secondary-rgb), 0.9);
  --bs-btn-hover-border-color: rgba(var(--bs-secondary-rgb), 0.9);
}
.btn-outline-secondary {
  --bs-btn-color: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-bg: var(--bs-secondary);
  --bs-btn-hover-border-color: var(--bs-secondary);
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: rgba(var(--bs-secondary-rgb), 0.9);
  --bs-btn-active-border-color: rgba(var(--bs-secondary-rgb), 0.9);
  --bs-btn-disabled-color: rgba(var(--bs-secondary-rgb), 0.65);
  --bs-btn-disabled-border-color: rgba(var(--bs-secondary-rgb), 0.65);
  background-color: transparent;
}