/* Global styles — Tailwind se carga via CDN en index.html */

/* Filtros CSS para colorear SVGs cargados como <img> */
.icon-brand {
  filter: brightness(0) saturate(100%) invert(23%) sepia(93%) saturate(2156%) hue-rotate(213deg) brightness(91%) contrast(95%);
}
.dark .icon-brand {
  filter: brightness(0) saturate(100%) invert(72%) sepia(44%) saturate(456%) hue-rotate(163deg) brightness(96%) contrast(89%);
}
/* Cuando el item está activo, usar el mismo azul en light */
.icon-brand-active {
  filter: brightness(0) saturate(100%) invert(23%) sepia(93%) saturate(2156%) hue-rotate(213deg) brightness(91%) contrast(95%);
}
.dark .icon-brand-active {
  filter: brightness(0) saturate(100%) invert(55%) sepia(60%) saturate(600%) hue-rotate(190deg) brightness(100%) contrast(90%);
}