html.light [class*="hover:bg-obsidian-"]:hover,
html:not(.dark) [class*="hover:bg-obsidian-"]:hover {
  background-color: #e2e8f0 !important;
}

html.light [class*="hover:bg-slate-700"]:hover,
html:not(.dark) [class*="hover:bg-slate-700"]:hover,
html.light [class*="hover:bg-gray-700"]:hover,
html:not(.dark) [class*="hover:bg-gray-700"]:hover {
  background-color: #e2e8f0 !important;
  color: #0f172a !important;
}

html.light [class~="hover:bg-black/20"]:hover,
html:not(.dark) [class~="hover:bg-black/20"]:hover,
html.light [class~="hover:bg-black/25"]:hover,
html:not(.dark) [class~="hover:bg-black/25"]:hover {
  background-color: rgba(15, 23, 42, 0.08) !important;
}

html.light :is(nav, aside, [role="menu"], [role="listbox"], .dropdown-menu, [class*="dropdown-menu"], [class*="Dropdown"], [id*="dropdown"], [id*="Dropdown"])
  :is(a, button, [role="menuitem"]):not([class*="bg-pulse-"]):not([class*="hover:bg-pulse-"]):not([class*="hover:bg-rose-"]):not([class*="hover:bg-red-"]):not([class*="hover:bg-emerald-"]):not([class*="hover:bg-cyan-"]):not([class*="hover:bg-blue-"]):not([class*="hover:bg-violet-"]):not([class*="hover:bg-amber-"]):hover,
html:not(.dark) :is(nav, aside, [role="menu"], [role="listbox"], .dropdown-menu, [class*="dropdown-menu"], [class*="Dropdown"], [id*="dropdown"], [id*="Dropdown"])
  :is(a, button, [role="menuitem"]):not([class*="bg-pulse-"]):not([class*="hover:bg-pulse-"]):not([class*="hover:bg-rose-"]):not([class*="hover:bg-red-"]):not([class*="hover:bg-emerald-"]):not([class*="hover:bg-cyan-"]):not([class*="hover:bg-blue-"]):not([class*="hover:bg-violet-"]):not([class*="hover:bg-amber-"]):hover {
  background-color: #e8edf3 !important;
  color: #1e293b !important;
}