:root {
    --primary: #c8c54d;
    --info: #527343;
    --complementary: #d49954;
    --light: #f4fcf2;
    --dark: #343128;
    --primary-filter: invert(90%) sepia(25%) saturate(994%) hue-rotate(5deg) brightness(88%) contrast(85%);
    --complementary-filter: invert(65%) sepia(30%) saturate(701%) hue-rotate(352deg) brightness(93%) contrast(90%);
}

.modal-header,
.popover-title,
.cv3-envaleur {
	background-color: var(--complementary);
}

.cv3-chapeau, .chapeau {
	color: var(--dark);
}

.map-commune .picto img {
	filter: invert(39%) sepia(55%) saturate(320%) hue-rotate(57deg) brightness(92%) contrast(89%);
}

.map-commune.com-com .picto img,
.map-commune .commune .picto img {
	filter: brightness(0) saturate(100%) invert(82%) sepia(30%) saturate(560%) hue-rotate(18deg) brightness(97%) contrast(84%);
}

/** Filtres couleur SVG (Cecile) **/
/* https://codepen.io/sosuke/pen/Pjoqqp
* ou
* https://isotropic.co/tool/hex-color-to-css-filter/
* convert 1st to BLACK : filter: brightness(0) saturate(100%);
*/
.quick-links.demarches img {
  /* codepen / isotropic loss 1.7 => bad -- #f5f8fc=--light */
  /*filter: brightness(0) saturate(100%) invert(85%) sepia(1%) saturate(3876%) hue-rotate(197deg) brightness(116%) contrast(98%);*/
}
.quick-links.essentiel img {
  /* #527343=--info */
  /* codepen loss 0.3 */
  /* isotropic loss 0.2  */
  filter: brightness(0) saturate(100%) invert(39%) sepia(35%) saturate(485%) hue-rotate(57deg) brightness(96%) contrast(87%);
  /*invert(38%) sepia(33%) saturate(542%) hue-rotate(57deg) brightness(95%) contrast(85%);*/

}