/* Additional selector to target elements with brand color */
[color="brand"],
[fill="brand"],
[stroke="brand"] {
  color: #273540 !important;
  fill: #273540 !important;
  stroke: #273540 !important;
}

/* Target the icon-edit class and other UI state elements */
.icon-edit,
a.icon-edit,
.ui-corner-all,
.ui-state-focus,
a[role="menuitem"] {
  color: #273540 !important;
}

/* Ensure proper icon coloring in dropdown menus */
.ui-menu-item a,
.ui-menu-item a:hover,
.ui-menu-item a:focus {
  color: #273540 !important;
}

/* Target muted icons */
.icon-muted,
i.icon-muted {
  color: #273540 !important;
  opacity: 0.7; /* Keep some muted appearance while using your color */
}

/* Remove opacity if you want full color intensity */
/* 
i.icon-muted {
  opacity: 1;
}
*/