/*
 * CollectCash - thème Bootstrap 5.3 (bordeaux, doré, crème)
 * À charger APRÈS bootstrap.min.css.
 * Les couleurs d'état (success = payé, danger = impayé/litige, warning = relance)
 * restent celles de Bootstrap pour garder leur sens.
 */
:root {
  --cc-bordeaux: #722F3E;
  --cc-bordeaux-hover: #5E2633;
  --cc-bordeaux-active: #511F2B;
  --cc-bordeaux-fonce: #3D0A12;
  --cc-dore: #D9A84E;
  --cc-dore-hover: #C9952F;
  --cc-dore-texte: #A87A26;   /* doré lisible sur fond clair */
  --cc-creme: #F8F4EE;
  --cc-gris-chaud: #7A6560;

  --bs-primary: var(--cc-bordeaux);
  --bs-primary-rgb: 114, 47, 62;
  --bs-primary-text-emphasis: #4A1E28;
  --bs-primary-bg-subtle: #F1E3E6;
  --bs-primary-border-subtle: #D9B5BD;
  --bs-secondary: var(--cc-dore);
  --bs-secondary-rgb: 217, 168, 78;
  --bs-secondary-color: var(--cc-gris-chaud);
  --bs-link-color: var(--cc-bordeaux);
  --bs-link-color-rgb: 114, 47, 62;
  --bs-link-hover-color: var(--cc-bordeaux-active);
  --bs-link-hover-color-rgb: 81, 31, 43;
  --bs-body-bg: var(--cc-creme);
  --bs-focus-ring-color: rgba(114, 47, 62, 0.25);
}

.btn-primary {
  --bs-btn-bg: var(--cc-bordeaux);
  --bs-btn-border-color: var(--cc-bordeaux);
  --bs-btn-hover-bg: var(--cc-bordeaux-hover);
  --bs-btn-hover-border-color: var(--cc-bordeaux-hover);
  --bs-btn-active-bg: var(--cc-bordeaux-active);
  --bs-btn-active-border-color: var(--cc-bordeaux-active);
  --bs-btn-disabled-bg: var(--cc-bordeaux);
  --bs-btn-disabled-border-color: var(--cc-bordeaux);
  --bs-btn-focus-shadow-rgb: 114, 47, 62;
}

.btn-outline-primary {
  --bs-btn-color: var(--cc-bordeaux);
  --bs-btn-border-color: var(--cc-bordeaux);
  --bs-btn-hover-bg: var(--cc-bordeaux);
  --bs-btn-hover-border-color: var(--cc-bordeaux);
  --bs-btn-active-bg: var(--cc-bordeaux-active);
  --bs-btn-active-border-color: var(--cc-bordeaux-active);
  --bs-btn-focus-shadow-rgb: 114, 47, 62;
}

/* Doré : texte foncé (le blanc sur doré n'est pas assez lisible) */
.btn-secondary {
  --bs-btn-color: #2B1A0A;
  --bs-btn-bg: var(--cc-dore);
  --bs-btn-border-color: var(--cc-dore);
  --bs-btn-hover-color: #2B1A0A;
  --bs-btn-hover-bg: var(--cc-dore-hover);
  --bs-btn-hover-border-color: var(--cc-dore-hover);
  --bs-btn-active-color: #2B1A0A;
  --bs-btn-active-bg: #B8862D;
  --bs-btn-active-border-color: #B8862D;
  --bs-btn-disabled-color: #2B1A0A;
  --bs-btn-disabled-bg: var(--cc-dore);
  --bs-btn-disabled-border-color: var(--cc-dore);
  --bs-btn-focus-shadow-rgb: 217, 168, 78;
}

/* Barre de navigation et menu latéral sombres */
.navbar.bg-dark, .bg-cc-sombre {
  background-color: var(--cc-bordeaux-fonce) !important;
}
.navbar-dark .nav-link.active, .text-cc-dore {
  color: var(--cc-dore) !important;
}

.bg-cc-creme { background-color: var(--cc-creme) !important; }
.text-cc-bordeaux { color: var(--cc-bordeaux) !important; }
.text-cc-dore-fonce { color: var(--cc-dore-texte) !important; }
.border-cc-dore { border-color: var(--cc-dore) !important; }

.card { --bs-card-bg: #FFFFFF; }
.page-item.active .page-link {
  background-color: var(--cc-bordeaux);
  border-color: var(--cc-bordeaux);
}
.form-check-input:checked {
  background-color: var(--cc-bordeaux);
  border-color: var(--cc-bordeaux);
}
.form-control:focus, .form-select:focus {
  border-color: #B98591;
  box-shadow: 0 0 0 0.25rem rgba(114, 47, 62, 0.25);
}

/* Texte secondaire : gris chaud (et non le doré de « secondary »), lisible sur crème et blanc */
.text-secondary { color: var(--cc-gris-chaud) !important; }
:root { --bs-code-color: #8C3A4C; }