/* =========================================================================
   CHARTE MONRPE62 — Source unique de la couleur de marque (issue Lot 1)
   -------------------------------------------------------------------------
   Chargé APRÈS le thème vendor Hyper (voir inclure/head.html) afin de
   recouvrir le framboise #d02661 codé en dur par le thème et d'imposer le
   pourpre de marque #c0006e sur l'ensemble du site.

   Point d'entrée unique : ajuster --mr-primary ci-dessous suffit à faire
   évoluer toute la charte (le CSS applicatif consomme ces variables).
   ========================================================================= */
:root {
  --mr-primary:        #c0006e;   /* pourpre de marque (canonique) */
  --mr-primary-dark:   #9c0059;   /* survol / actif */
  --mr-primary-light:  #fce4f0;   /* fonds doux, survols de liste */
  --mr-primary-bright: #d9107e;   /* fin de dégradé */
  --mr-primary-rgb:    192, 0, 110;

  --mr-line:  #ecebf0;            /* séparateurs neutres (listes aérées) */
  --mr-ink:   #2b2b33;            /* encre des titres */
  --mr-muted: #7c7a86;            /* texte secondaire / méta */

  /* Réaligne aussi les variables du thème pour les règles qui les utilisent */
  --primary: var(--mr-primary);
  --pink:    var(--mr-primary);
  --bs-primary: var(--mr-primary);
  --bs-primary-rgb: var(--mr-primary-rgb);

  /* Neutralise le bleu #1a73e8 hérité de monrpe62-optimized.css (chargé via
     @import) : ces alias legacy pointent désormais tous vers le pourpre, ce qui
     recolore d'un coup ses ~25 sélecteurs custom sans le modifier. */
  --primary-color:       var(--mr-primary);
  --primary-color-dark:  var(--mr-primary-dark);
  --primary-color-light: var(--mr-primary-light);
}

/* --- Recouvrement des utilitaires de couleur du thème (framboise -> pourpre) --- */
.text-primary { color: var(--mr-primary) !important; }
.bg-primary { background-color: var(--mr-primary) !important; }
.border-primary { border-color: var(--mr-primary) !important; }

a.text-primary:hover,
a.text-primary:focus { color: var(--mr-primary-dark) !important; }

/* --- Boutons pleins --- */
.btn-primary {
  background-color: var(--mr-primary) !important;
  border-color: var(--mr-primary) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--mr-primary-dark) !important;
  border-color: var(--mr-primary-dark) !important;
}
.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 0.15rem rgba(var(--mr-primary-rgb), 0.35) !important;
}

/* --- Boutons contour --- */
.btn-outline-primary {
  color: var(--mr-primary) !important;
  border-color: var(--mr-primary) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
  color: #fff !important;
  background-color: var(--mr-primary) !important;
  border-color: var(--mr-primary) !important;
}

/* --- Badges, liens, focus de formulaire --- */
.badge.bg-primary,
.badge-primary { background-color: var(--mr-primary) !important; }

.link-primary { color: var(--mr-primary) !important; }
.link-primary:hover,
.link-primary:focus { color: var(--mr-primary-dark) !important; }

.form-control:focus,
.form-select:focus {
  border-color: var(--mr-primary) !important;
  box-shadow: 0 0 0 0.15rem rgba(var(--mr-primary-rgb), 0.25) !important;
}

/* --- Pagination active (Hyper) --- */
.page-item.active .page-link {
  background-color: var(--mr-primary) !important;
  border-color: var(--mr-primary) !important;
}
.page-link { color: var(--mr-primary); }

/* =========================================================================
   SECONDARY — le thème Hyper code 'secondary' en teal #179087. Décision de
   charte : secondary = gris neutre (usage classique). On recouvre le teal
   partout (métadonnées, onglets, boutons, badges secondaires).
   ========================================================================= */
:root {
  --mr-secondary:      #6c757d;
  --mr-secondary-dark: #5a6268;
  --mr-secondary-rgb:  108, 117, 125;
  --secondary:      var(--mr-secondary);
  --bs-secondary:   var(--mr-secondary);
  --bs-secondary-rgb: var(--mr-secondary-rgb);
}
.text-secondary { color: var(--mr-secondary) !important; }
.bg-secondary { background-color: var(--mr-secondary) !important; }
.border-secondary { border-color: var(--mr-secondary) !important; }
.btn-secondary {
  background-color: var(--mr-secondary) !important;
  border-color: var(--mr-secondary) !important;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {
  background-color: var(--mr-secondary-dark) !important;
  border-color: var(--mr-secondary-dark) !important;
}
.btn-outline-secondary {
  color: var(--mr-secondary) !important;
  border-color: var(--mr-secondary) !important;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
  color: #fff !important;
  background-color: var(--mr-secondary) !important;
  border-color: var(--mr-secondary) !important;
}
.badge.bg-secondary, .badge-secondary { background-color: var(--mr-secondary) !important; }