:root {
    --primary: #8be5de;
    --info: #007F8A;
    --complementary: #f2d263;
    --light: #f7fcfc;
    --dark: #002326;
    --primary-filter: invert(90%) sepia(24%) saturate(583%) hue-rotate(111deg) brightness(93%) contrast(92%);
    --complementary-filter: invert(83%) sepia(72%) saturate(429%) hue-rotate(333deg) brightness(99%) contrast(92%);
}

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

/** 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 {
  /* #007F8A=--info */
  /* codepen loss 0.3 */
  /* isotropic loss 0.2  */
  filter: brightness(0) saturate(100%)  invert(25%) sepia(69%) saturate(2286%) hue-rotate(163deg) brightness(100%) contrast(100%);
  /* invert(34%) sepia(36%) saturate(1755%) hue-rotate(146deg) brightness(98%) contrast(101%);*/

}
