.icon-svg {
  width: 48px;
  height: 48px;
  filter: invert(32%) sepia(82%) saturate(1234%) hue-rotate(190deg);
}

/* Reverse hover for cards */
.card {
  transition: background-color 0.25s ease, color 0.25s ease;
}

.card:hover {
  background-color: #0d6efd; /* bootstrap primary */
  color: #fff;
}

/* Tekst wewnątrz karty */
.card:hover h3,
.card:hover p {
  color: #fff !important;
}

/* Ikony SVG */
.card:hover .icon-svg {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg);
  transition: filter 0.25s ease;
}
