/**
 * Remappage de la charte Bootstrap vers l'identité Inzira.
 *
 * Le thème Jampack définit déjà le teal pour ses propres composants, mais les
 * variables Bootstrap brutes (--bs-primary, --bs-link-color) et les anneaux de
 * focus restaient au bleu #0d6efd d'origine : visible sur chaque champ cliqué.
 * Chargé après style.scss pour gagner sur la cascade.
 */
:root {
  --bs-blue: #007D88;
  --bs-primary: #007D88;
  --bs-primary-rgb: 0, 125, 136;
  --bs-link-color: #007D88;
  --bs-link-color-rgb: 0, 125, 136;
  --bs-link-hover-color: #005F68;
  --bs-primary-text-emphasis: #00363B;
  --bs-primary-bg-subtle: #D8EEF0;
  --bs-primary-border-subtle: #9FD5DA;
  /* Le vert de marque sert aux états positifs, comme dans les apps. */
  --bs-success: #00A866;
  --bs-success-rgb: 0, 168, 102;
}

/* Anneau de focus : le bleu Bootstrap était codé en dur, pas variabilisé. */
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.btn:focus-visible,
.btn-check:focus + .btn {
  border-color: #4FB3BC;
  box-shadow: 0 0 0 0.25rem rgba(0, 125, 136, 0.25);
}

.form-check-input:checked {
  background-color: #007D88;
  border-color: #007D88;
}

/* Liens et boutons primaires du template qui héritent de --bs-primary. */
.btn-primary {
  --bs-btn-bg: #007D88;
  --bs-btn-border-color: #007D88;
  --bs-btn-hover-bg: #005F68;
  --bs-btn-hover-border-color: #005F68;
  --bs-btn-active-bg: #00464D;
  --bs-btn-active-border-color: #00464D;
  --bs-btn-disabled-bg: #007D88;
  --bs-btn-disabled-border-color: #007D88;
}

.text-primary { color: #007D88 !important; }
.bg-primary { background-color: #007D88 !important; }
.border-primary { border-color: #007D88 !important; }
