/* =========================================
   // BEGIN: LUXE PRIMARY (Champagne Gold)
   Place this AFTER your existing [data-bs-theme="dark"] blocks
   ========================================= */
:root {
  /* variable globale réutilisable si besoin ailleurs */
  --ci-whatsapp: #c5a46d;
  --ci-whatsapp-rgb: 197, 164, 109;
}
[data-bs-theme="dark"] {
  /* Primary */
  --bs-primary: #c5a46d !important;
  --bs-primary-rgb: 197, 164, 109;

  /* Links */
  --bs-link-color: #c5a46d;
  --bs-link-color-rgb: 197, 164, 109;
  --bs-link-hover-color: #e1c890;
  --bs-link-hover-color-rgb: 225, 200, 144;

  /* Pills / actifs */
  --bs-nav-pills-link-active-bg: #c5a46d !important;

  /* (optionnel) Texte mis en avant si utilisé par ton thème */
  --bs-primary-text-emphasis: #e1c890;
  --bs-primary-bg-subtle: rgba(197, 164, 109, 0.12);
  --bs-primary-border-subtle: rgba(197, 164, 109, 0.35);
}

/* Harmoniser les boutons basés sur tes règles existantes */
[data-bs-theme="dark"] .btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: var(--bs-link-hover-color);
  --bs-btn-active-bg: var(--bs-link-hover-color);
  --bs-btn-active-border-color: var(--bs-link-hover-color);
}

[data-bs-theme="dark"] .btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
}

[data-bs-theme="dark"] .btn-primary-soft {
  color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), 0.1);
}
[data-bs-theme="dark"] .btn-primary-soft:hover,
[data-bs-theme="dark"] .btn-primary-soft:focus {
  color: #111;
  background-color: var(--bs-link-hover-color);
  border-color: var(--bs-link-hover-color);
}
/* =========================================
   // END: LUXE PRIMARY
   ========================================= */
[data-bs-theme="dark"] .btn-outline-whatsapp {
  --bs-btn-color: var(--ci-whatsapp);
  --bs-btn-border-color: var(--ci-whatsapp);
  --bs-btn-hover-bg: var(--ci-whatsapp);
  --bs-btn-hover-border-color: var(--ci-whatsapp);
  --bs-btn-active-bg: var(--ci-whatsapp);
  --bs-btn-active-border-color: var(--ci-whatsapp);
  --bs-btn-disabled-color: var(--ci-whatsapp);
  --bs-btn-disabled-border-color: var(--ci-whatsapp);
}

/* Optionnel: on force la lisibilité du texte en hover (fond vert) */
[data-bs-theme="dark"] .btn-outline-whatsapp:hover,
[data-bs-theme="dark"] .btn-outline-whatsapp:focus {
  color: #0b0a12; /* texte sombre sur fond vert pour le contraste */
}