/* Ícones monocromáticos pretos (assets/img/icons/*.svg) carregados via <img>
   não herdam a cor do tema — no modo escuro (por omissão, sem data-theme="light")
   inverte-os para ficarem claros. */
html:not([data-theme="light"]) img[src*="img/icons/"] {
  /* hue-rotate repõe o tom dos detalhes coloridos (ex.: convocatoria.svg) após a inversão */
  filter: invert(1) hue-rotate(180deg) brightness(.92);
}