.sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar-menu__item {
  margin: 0;
}

.sidebar-menu__link {
  display: block;
  padding: 0.5rem;
  color: light-dark(var(--color-blue-600), var(--color-blue-400));
  text-decoration: none;
  transition: background-color 0.15s ease-in-out,
    border-radius 0.15s ease-in-out;

  &:hover {
    background-color: light-dark(var(--color-blue-50), var(--color-blue-950));
    border-radius: 0.375rem;
  }
}

.sidebar-menu__link--active {
  color: light-dark(var(--color-gray-900), var(--color-zinc-50));
  font-weight: 600;
  background-color: light-dark(var(--color-gray-100), var(--color-gray-700));
  border-radius: 0.375rem;

  &:hover {
    background-color: light-dark(var(--color-gray-100), var(--color-gray-700));
  }
}

.sidebar-menu__checkmark {
  width: 1rem;
  height: 1rem;
  color: light-dark(var(--color-green-700), var(--color-green-200));
}